ITPub博客

首页 > 应用开发 > > 如何在博客园后台的html代码中插入以下代码

如何在博客园后台的html代码中插入以下代码

作者:amadan 时间:2019-08-13 14:08:35 0 删除 编辑

rt,我写了这样一段代码

但是放入侧边栏html代码的时候发现不能实现函数调用

请问可以怎么解决呢?

<!DOCTYPE html>
<html>
<head>
    <style type = "text/css"> 
    </style>
    <title> 事件</title>
    <script type="text/javascript">
        function jump() {
            var opt = document.getElementById("select").value;
            var id = document.getElementById("txt2").value;
            var luogulink = "https://www.luogu.org/problemnew/show/P",
                bzojlink  = "https://www.lydsy.com/JudgeOnline/problem.php?id=",
                lojlink   = "https://loj.ac/problem/";
            if(opt == 'luogu') {
                window.open(luogulink + id);
            } else if(opt == 'bzoj') {
                window.open(bzojlink + id);
            } else if(opt == 'loj') {
                window.open(lojlink + id);
            }
        }
        function erase() {
            var a = document.getElementById("txt2");
            a.value = "";
        }
    </script>
</head>

<body>
    <span>请选择OJ</sapn>
    <select id='select'>
        <option value = 'luogu'>洛谷</option>
        <option value = 'bzoj'>bzoj</option>
        <option value = 'loj'> loj </option>
    </select>
    <input type='text' id='txt2' value='请输入题号' onfocus="erase()"/>
    <input type='button' value=' go ' onclick="jump()" />
    </br>
    <!--通过 = 按钮来调用创建的函数,得到结果-->
</body>

</html>


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2310/viewspace-3118767/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-06

  • 博文量
    200
  • 访问量
    14412