脚本

IE 和 Firefox 可以通过特定方法使 innerHTML 方法载入的 SCRIPT 标...

萝らか妹 提交于 2019-12-12 10:59:53
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> IE 和 Firefox 可以通过特定方法使 innerHTML 方法载入的 SCRIPT 标签中的 JavaScript 代码在页面加载后也可以执行 标准参考 根据 W3C HTML4.01 规范中的描述,SCRIPT 标签内的 "脚本" 只会在页面加载时执行一次,或者通过绑定事件实现在页面加载后脚本能够重复地执行。 defer 属性是 SCRIPT 元素的特有属性,这是一个布尔型属性,它通知用户端这段脚本中不会生产文档内容(如 "documnet.write" ),所以不必现在立即执行,一般的拥有 defer 属性的 SCRIPT 元素中的脚本会较晚的被执行。 关于 SCRIPT 元素的详细资料,请参考 HTML4.01 规范 18 中的内容。 关于 defer 属性的详细资料,请参考 HTML4.01 规范 18.2.1 中的内容。 问题描述 在 IE6 IE7 IE8 中,当使用 innerHTML 方法插入脚本时,SCRIPT 元素必须设置 defer 属性。 在 Firefox 中,先将被插入 HTML 代码的元素从其父元素中移除,然后使用 innerHTML 插入包含 SCRIPT 元素的代码,最后将这个元素恢复至原父元素中,则经过此操作后 SCRIPT 中的脚本可以被执行。 造成的影响

Bash - Variable

此生再无相见时 提交于 2019-12-12 07:37:44
In my opinion, Bash is not clear language. It is very brief but also hard to use because it has many detailed designs. Today Iet's invastigate how to use variable in bash script. Define and use variable # Note that there is no blank around equal sign. var='abc' VAR='def' # we can use $ to quote the variable echo $var echo $VAR echo $var 123 'bac' libpath=/proj/lib ls $libpath Then we can see it echoes different value. That means bash shell is a case sensitive environment. You can use set variable name with uppercase or lowercase or a mixture of both. Every bash shell or script will inherit the

soup.select的用法

不羁岁月 提交于 2019-12-11 23:23:12
1、通过标签选择 # 选择所有title标签 soup.select("title") # 选择所有p标签中的第三个标签 soup.select("p:nth-of-type(3)") 相当于soup.select(p)[2] # 选择body标签下的所有a标签 soup.select("body a") # 选择body标签下的直接a子标签 soup.select("body > a") # 选择id=link1后的所有兄弟节点标签 soup.select("#link1 ~ .mysis") # 选择id=link1后的下一个兄弟节点标签 soup.select("#link1 + .mysis")   2、通过类名查找 # 选择a标签,其类属性为mysis的标签 soup.select("a.mysis")      3、通过id查找 # 选择a标签,其id属性为link1的标签 soup.select("a#link1")      4、通过【属性】查找,当然也适用于class # 选择a标签,其属性中存在myname的所有标签 soup.select("a[myname]") # 选择a标签,其属性href=http://example.com/lacie的所有标签 soup.select("a[href='http://example.com/lacie']") #

常用的一个博客园的主题配置备份

﹥>﹥吖頭↗ 提交于 2019-12-11 19:41:27
页面定制CSS #home { background: rgba(255,255,255,0.5); } 博客侧边栏公告: <!-- 添加公告栏图片并指向首页链接 <div align="center"> <a href="http://www.cnblogs.com/wbyixx/"> <img src="https://img2018.cnblogs.com/blog/1446249/201911/1446249-20191111034015817-423629109.jpg" width="180px"></a> </div> --> 页首HTML代码: <link type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/WNpursue/silence.min.css"/> <link type="text/css" rel="stylesheet" href="https://rawcdn.githack.com/wbytts/my-cnblogs-theme/182ff62c37911a5344e2576e982d7011523cd293/mycss.css"/> 页脚HTML代码: <script src="https://blog-static.cnblogs.com

页面的素材加载

試著忘記壹切 提交于 2019-12-11 15:03:29
以前一直都以为如果没有append到文档中的标签,应该不是执行下载这类的动作,但是最新在项目中的经验告诉我不是这样的,创建一个dom节点后,将文本格式的script,link等标签通过innerHtml设置给这个创建的dom节点后,对用的这些加载就会开始下载,但是script代码则不会执行;需要重新创建一个script阶段,在appendChild到文档流中,加载的js才会正常执行; 来源: https://www.cnblogs.com/wlinglinux/p/12022511.html

ECMAScript 6 入门——前言/简介

倾然丶 夕夏残阳落幕 提交于 2019-12-11 11:49:05
简介(看看就好,搭配括号理解就行) ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 因此,ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了ES2015、ES2016、ES2017等等,而ES2015则是正式名称,特指该年发布的正式版本的语言标准。本书中提到ES6的地方,一般是指ES2015标准,但有时也是泛指“下一代 JavaScript 语言”。 ECMAScript 和 JavaScript的关系是 前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 JScript 和 ActionScript)。日常场合,这两个词是可以互换的。 各浏览器ES6支持程度 https://kangax.github.io/compat-table/es6/ Babel 转码器(如.jsx/.vue转码) Babel 是一个广泛使用的ES6转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这意味着,你可以用ES6的方式编写程序,又不用担心现有环境是否支持。下面是一个例子。 配置文件.babelrc Babel 的配置文件是

Rails with google maps. TypeError: a is null

ぐ巨炮叔叔 提交于 2019-12-11 01:29:37
问题 I have a ruby on rails application in which in 80% of the pages I am using google maps. So in many of my seperate JS files (in assets/javascripts) I have included many variables from google like google.maps.DirectionsStatus new google.maps.LatLng(a,b) new google.maps.Marker google.maps.event.addListener And I have included the below script in my application.html.erb in head section <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=<%= ENV["GOOGLE_MAP"]%>&sensor=false&libraries

dom和jquery区别

别说谁变了你拦得住时间么 提交于 2019-12-10 22:28:09
首先jquery使用需要现在script中引用: 3.1.1版本: < script src = "https://code.jquery.com/jquery-3.1.1.min.js" > < / script > 3.0.0版本: < script src = "https://code.jquery.com/jquery-3.0.0.min.js" > < / script > 2.1.4版本: < script src = "http://code.jquery.com/jquery-2.1.4.min.js" > < / script > 获取元素 $ ( "h1" ) //通过标签查询 var elems = document.getElementsByTagName(""); $ ( "#d1" ) //通过id查询 var elems = document.getElementsByClassName(""); $ ( ".c1" ) //通过类查询 var elem = document.getElementById(""); //通过name属性查询var elems = document.getElementsByName(""); 修改元素内容 dom中重新赋值就可以修改原内容 document . getElementById ( "div1" ) .

script标签中type为<script type=\"text/x-template\">是个啥

为君一笑 提交于 2019-12-10 17:51:58
转自:https://www.cnblogs.com/cc11001100/p/7189410.html 写过一点前端的都会碰到需要使用JS字符串拼接HTML元素然后append到页面DOM树上的情况,一般的写法都是使用+号以字符串的形式拼接,如果是短点的还好,如果很长很长的话就会拼接到令人崩溃了。 比如有的时候需要使用弹出框的时候手动使用字符串拼接起来各种数据再渲染出来(这种写法太恶心了,简直没有职业道德…)。 因为上面的这种写法太恶心人了,但是在前端渲染数据又是一个刚需,这个时候怎么办,想一个办法将JS和HTML分离开来。 <script type=”text/x-template”>就是在一定程度上解决这种问题的,放在type=”text/x-template”中的内容将不会被浏览器解析,不被执行,不被显示,它只是默默地举根隐身草站在那里。 它默默在那里有什么用呢,从逻辑上而言,放到text/x-template中的内容不是给浏览器解析的,是用来在页面加载完成后再获取到它对其进行渲染。这个渲染的过程通常是使用各种模板引擎来完成的。 script标签如果不写type属性,浏览器会默认为text/javascript,如果写了不同的类型,浏览器就不会再按照解析JS的规则去解析了,发现是不识别的类型可能就会忽略它。 比如说有一个叫做foo-template

常用js方法封装使用

邮差的信 提交于 2019-12-10 17:31:47
// 冒泡排序 export function bubbleSort(arr) { let i = arr.length - 1; while (i > 0) { let maxIndex = 0; for (let j = 0; j < i; j++) { if (arr[j] > arr[j + 1]) { let temp = arr[j + 1]; arr[j + 1] = arr[j]; arr[j] = temp; maxIndex = j; } } i = maxIndex; } return arr; } // 通过属性值冒泡排序 export function bubbleSortByProp(arr, prop) { let i = arr.length - 1; while (i > 0) { let maxIndex = 0; for (let j = 0; j < i; j++) { if (arr[j][prop] > arr[j + 1][prop]) { let temp = arr[j + 1]; arr[j + 1] = arr[j]; arr[j] = temp; maxIndex = j; } } i = maxIndex; } return arr; } // 获取指定月份天数 export function getDateByMon