首页 > 作文

js提示框代码(js的三种弹出式消息提醒)

更新时间:2023-04-05 05:31:33 阅读: 评论:0

这个功能的实现主要使用了jsonp跨域访问, 然后通过回调函数来将搜索到的关联内容显示出来 。

jsonp(jsonwith padding)是一个非官方的协议,它允许在服务器端集成script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是jsonp简单的实现形式)。

回调函数:当一个函数作为另一个函数的参数时,那么这个函数就是回调函数。

效果如下

代码如下

<script type="text/javascript">      var txthandled = document.getelementbyid('text');      var oul = document.getelementbyid('list');      var obtn = document.getelementbyid('btn');      txt.onkeyup = function () {        oul.innerhtml = '';        oul.style.display = 'none';        var val = txt.value;        var oscript = document.createelement('script'); //动态创建script标签        oscript.src =          'https://sp0.baiaaa英语du.com/5a1fazu8aa54nxgko9鼠字开头的成语wtanf6hhy/su?wd=' +          val +          '&cb=callback';        //添加链接及回调函数        document.body.appendchild(oscript); //添加script标签        document.body.removechild(oscript); //删除script标签      };      //回调函数      function callback(data) {        if (data.s && data.s.length) {          const res = data.s;          res.foreach(function (value) {            var oli = document七夕节的图片和文字.createelement('li');            oli.innerhtml =       欺凌的意思       '<a style="display:inline-block;width:100%" href="/d/file/titlepic/tuxing.html' +              value +              '">' +              value +              '</a>';            oul.appendchild(oli);          });          oul.style.display = 'block';        }      }      //点击跳转到百度页面,并搜索其中内容      obtn.onclick = function () {        var val = txt.value;        location.href = '/d/file/titlepic/tuxing.html' + val + '&cl=3';      };    </script>

本文发布于:2023-04-05 05:31:32,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/6c9b4245525312d6f497b3043badc50d.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:js提示框代码(js的三种弹出式消息提醒).doc

本文 PDF 下载地址:js提示框代码(js的三种弹出式消息提醒).pdf

标签:函数   回调   标签   是一个
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图