读书笔记-《JavaScript高级程序设计》-第2章在HTML中使用JavaScript

<script>元素

带有src属性的标签之间再有js的代码，只会下载和执行外部脚本文件，忽略潜入的代码

 <script src="./test.js">alert(2)  //这一段代码会被忽略，只执行test.js的代码（即使里面是空）
</script>
复制代码

<script>标签的src可以引用外部域的js文件，这就是为什么可以<script>标签解决跨域的问题

function jsonp(setting) {setting.data = setting.data || {};setting.key = setting.key || 'jsoncallback';setting.callBack = setting.callBack || function(){};setting.data[setting.key] = '_getData_';window._getData_ = function(data) {setting.callBack(data)}let script = document.createElement('script')let query = [];for(let key in setting.data) {query.push(key + '=' + encodeURIComponent(setting.data[key]))}script.src = setting.url + '?' + query.join('&');document.head.appendChild(script);document.head.removeChild(script);}jsonp({url: 'https://photo.sina.cn/aj/index',key: 'jsoncallback',data: {page: 1,cate: 'recommend'},callBack: function(ret){console.log(ret)}})
复制代码

代码参考：zhuanlan.zhihu.com/p/22600501

转载于:https://juejin.im/post/5cf1437e6fb9a07eef69f3c3

读书笔记-《JavaScript高级程序设计》-第2章在HTML中使用JavaScript相关推荐

攻下《JavaScript高级程序设计》——第二章在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
JavaScript高级程序设计（2）在HTML中使用JavaScript
本章内容:使用<script>元素.嵌入脚本与外部脚本.文档模式对JavaScript的影响.考虑禁用JavaScript的场景. 1.<script>元素向HTML页面中插 ...
读书笔记 - js高级程序设计 - 第四章变量作用域和内存问题
5种基本数据类型可以直接对值操作判断引用类型 var result = instanceof Array 执行环境每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对 ...
javascript高级程序设计pdf_一个老牌程序员推荐的JavaScript的书籍,看了真的不后悔!...
很多人问我怎么学前端?我的回答是:读书吧!相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高.而如果深一脚浅一脚的学习,写出代码的质量 ...
JavaScript高级程序设计---第五章基本引用类型
第五章基本引用类型本章内容理解对象基本JavaScript 数据类型原始值与原始值包装类型引用值(或者对象)是某个特定引用类型的实例. 对象被认为是某个特定引用类型的实例.新对象通过使用n ...
JavaScript高级程序设计第12章 DOM2 和 DOM3
12.2 样式 12.2.1 访问元素样式通过 JavaScript 访问 style 中的样式要使用驼峰命名法其中,不能直接转换的样式是 float,"DOM2级样式"规定的 ...
JavaScript高级程序设计第六章---集合引用类型
第六章-集合引用类型本章内容: 对象数组与定型数组 Map.WeakMap.Set 以及WeakSet 类型 6.1 Object 显式地创建Object 的实例有两种方式: 使用new 操作符和 ...
JavaScript 高级程序设计第四章解读，总结。
第四章变量,作用域与内存通过变量使用原始值 - 1. 原始值与引用值+ 原始值: 最简单的数据+ 引用值: 多个值构成的对象 - 2. 原始值有哪些+ Undefined Null Boolean ...
JavaScript高级程序设计第四章---变量作用域内存
第四章-变量作用域内存关键字:变量作用域内存本章内容通过变量使用原始值与引用值理解执行上下文理解垃圾回收 4.1 原始值与引用值 ECMAScript 变量可以包含两种不同类型的数据 ...
JavaScript高级程序设计第12章---BOM浏览器对象模型
第12章 BOM 本章内容: 理解BOM的核心--window 对象控制窗口及弹窗通过location 对象获取页面信息使用navigator 对象了解浏览器通过history 对象操作浏览器 ...

读书笔记-《JavaScript高级程序设计》-第2章在HTML中使用JavaScript

<script>元素

读书笔记-《JavaScript高级程序设计》-第2章在HTML中使用JavaScript相关推荐

最新文章

热门文章

读书笔记-《JavaScript高级程序设计》-第2章 在HTML中使用JavaScript

<script>元素

读书笔记-《JavaScript高级程序设计》-第2章 在HTML中使用JavaScript相关推荐

最新文章

热门文章

读书笔记-《JavaScript高级程序设计》-第2章在HTML中使用JavaScript

读书笔记-《JavaScript高级程序设计》-第2章在HTML中使用JavaScript相关推荐