在html里嵌入JavaScript的几种方式
阅读数:400 评论数:0
跳转到新版页面分类
html/css/js
正文
一、script标签属性
| async | 表示立即下载该脚本，但不妨碍页面中的其他操作，只对外部文件有效。 |
| charset | 与src属性一起使用，告诉浏览器用来编码这个javascript程序的字符集。它的值是任何一个ISO标准字符集编码的名称。由于大多数据浏览器会忽略它的值，因此这个属性很有人用。 |
| defer | 表示脚本可以延迟到文档完全被解析和显示后再执行，只对外部文件有效 |
| src | 表示包含要执行代码的外部文件 |
| type | 表示编写代码使用的脚本语言的内容类型，默认值为text/javascript。 |
二、html页面中使用js代码的几种方式
1、内嵌<script>元素
<script>
function display(){
....
}
window.οnlοad=display;
</script>2、src属性引用外部js文件。
<script src="../util.js" ></script>3、事件处理程序
html中定义的事件处理程序的属性可以包含任意条的js语句，相互之间用逗号分隔。
<input type="checkbox" name="options" value="giftwrap" οnchange="order.options.giftwrap=this.checked;" >4、URL中javascript:协议限定符
在URL后面跟着一个javascript:协议限定符，是另一种嵌入js代码到客户端的方式。这种特殊的协议类型指定的URL内容为任意字符串，这个字符串是会被Javascript解释器运行的js代码。它被当作单独的一行的代码对待，这意味着语句之间必须用分号隔开，而注释必须用/**/。如果解释的返回值为undefined，那么这个资源是没有内容的。
这种方式可以使用在URL可处理的地方，如a标签的href属性，form标签的action属性。
<a href="javascript:new Date().toLocaleTiemString();" ></a>相关推荐
一、概述
meta标签共有两个属性，它们分别是http-equiv属性和name属性。
二、meta标签的name属性
name属性主要用于描述网页，与之对应的属性值为content，content中
ECMAscript 5添加了第二种运行模式：严格模式（strict mode）。
//针对单个脚本
<script>
"use strict";
console.log("这是严格模式
鼠标右移，右上角。
webstorm快捷键
ctrl+/
注释
按两个shift键
快速查找
ctrl+r
替换
alt+鼠标选择
纵向修改排列在一条线上的元素
ctrl+
一、简介
html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏，它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。
html2canvas脚本将页面渲染成一个canvas
一、原因
音频自动播放会被大多数的浏览器所阻止。
二、解决方法
添加muted属性，这个属性用于规定视频的音频输出应该是静音。