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 相关文章推荐
JQuery UI DatePicker中z-index默认为1的解决办法
Sep 28 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
javascript操作数组详解
Dec 17 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
Jun 19 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
Jun 25 Javascript
详解Element 指令clickoutside源码分析
Feb 15 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 Javascript
JS实现点击掉落特效
Jan 29 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
php基础知识:类与对象(5) static
2006/12/13 PHP
PHP操作Memcache实例介绍
2013/06/14 PHP
给ECShop添加最新评论
2015/01/07 PHP
Zend Framework校验器Zend_Validate用法详解
2016/12/09 PHP
浅谈php使用curl模拟多线程发送请求
2019/03/08 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
javascript 日期时间 转换的方法
2013/02/21 Javascript
简单的Jquery全选功能
2013/11/07 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
2015/02/20 Javascript
js实现宇宙星空背景效果的方法
2015/03/03 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
2016/05/20 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
使用原生js+canvas实现模拟心电图的实例
2017/09/20 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
vue根据值给予不同class的实例
2018/09/29 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
js+cavans实现图片滑块验证
2020/09/29 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
Python的Django框架中if标签的相关使用
2015/07/15 Python
django ModelForm修改显示缩略图 imagefield类型的实例
2019/07/28 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
关于python字符串方法分类详解
2019/08/20 Python
使用python创建生成动态链接库dll的方法
2020/05/09 Python
python的pip有什么用
2020/06/17 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
团员学习总结的自我评价范文
2013/10/14 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
中药学专业求职信
2014/05/31 职场文书
企业工会工作总结2015
2015/05/13 职场文书