js原生跨域_用script标签的简单实现


Posted in Javascript onSeptember 24, 2016

刚刚从培训班学习完,总想写一下东西,自从进入了这个院子,每次出现问题,总是能找到一些答案,给我一些帮助.

作为新手,就写一下简单的吧,院子里面有很多大牛, 说句实话,他们的很多代码我都看不懂. 我就写一下新手看的懂得吧, 多说一句,我觉得大牛写的代码应该通俗易懂才可以。.

代码非常的简单,但是写的过程中,仍然发生了一些小错误,最后还是解决了。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>手写js跨域</title>
</head>
<body>
<button>search</button>
<input type="text"/>
<textarea name="" id="" cols="30" rows="10"></textarea>
</body>
</html>
<script>

  var head=document.getElementsByTagName('head')[0];
  var text=document.getElementsByTagName('input')[0];
  var textarea=document.getElementsByTagName('textarea')[0];
  var bt=document.getElementsByTagName('button')[0];

  bt.onclick=function(){
    var _script=document.createElement('script');
    head.appendChild(_script);
    _script.src='https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='
        +text.value+
        '&json=1&p=3&sid=1443_20972_18241_21119_21191_21160_20929&req=2&csor=1&cb=getdata';  //百度的一个借口,用getdata函数把数据返回
  }
  function getdata(data){
    console.log(data);
   for(i in data.g){
     console.log(data.g[i].q);
     textarea.value+=data.g[i].q+'\n';
   }
  }
</script>

以上就是小编为大家带来的js原生跨域_用script标签的简单实现的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
createElement动态创建HTML对象脚本代码
Nov 24 Javascript
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
Jul 13 Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
详解Node项目部署到云服务器上
Jul 12 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
vue实现通讯录功能
Jul 14 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 #Javascript
用js实现简单算法的实例代码
Sep 24 #Javascript
jQuery实现移动端手机商城购物车功能
Sep 24 #Javascript
AngularJS实现星星等级评分功能
Sep 24 #Javascript
完美的js div拖拽实例代码
Sep 24 #Javascript
javascript 解决浏览器不支持的问题
Sep 24 #Javascript
JavaScript生成验证码并实现验证功能
Sep 24 #Javascript
You might like
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
JS实现关键字搜索时的相关下拉字段效果
2014/08/05 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
浅谈flask截获所有访问及before/after_request修饰器
2018/01/18 Python
Python字符串的常见操作实例小结
2019/04/08 Python
python 实现按对象传值
2019/12/26 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
师范院校学生自荐信范文
2013/12/27 职场文书
2014年教师节寄语
2014/08/11 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
五年级下册复习计划
2015/01/19 职场文书
地方课程教学计划
2015/01/19 职场文书
家长给老师的感谢信
2015/01/20 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
创业计划书之餐饮馄饨店
2019/07/18 职场文书
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android
德劲DE1107指针试高灵敏度全波段收音机机评
2022/04/05 无线电