最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

哪些方法可以让html文档内嵌入js

来源:懂视网 责编:小采 时间:2020-11-27 19:47:33
文档

哪些方法可以让html文档内嵌入js

哪些方法可以让html文档内嵌入js:这次给大家带来哪些方法可以让html文档内嵌入js,html文档内嵌入js的注意事项有哪些,下面就是实战案例,一起来看一下。在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法:1.内嵌,放置在<script>和</scr
推荐度:
导读哪些方法可以让html文档内嵌入js:这次给大家带来哪些方法可以让html文档内嵌入js,html文档内嵌入js的注意事项有哪些,下面就是实战案例,一起来看一下。在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法:1.内嵌,放置在<script>和</scr

这次给大家带来哪些方法可以让html文档内嵌入js,html文档内嵌入js的注意事项有哪些,下面就是实战案例,一起来看一下。

在HTML里嵌入JavaScript

在HTML文档里嵌入客户端JavaScript代码有4中方法:

1.内嵌,放置在<script>和</script>标签之间 (少);

2.放置在有<script>标签的src属性指定的外部文件中 (多);

3.放置自HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定它 (很少);

4.放在一个URL里,这个URL使用特殊的协议”javascript“协议 (很少);

0——附:脚本类型

JavaScript是Web的原始脚本语言,在默认情况下,<script>元素包含或引用JavaScript代码。如果要使用不标准的脚本语言,如VBScript,就必须用type属性指定脚本的MIME类型,例如:

<script type="text/vbscript"> 
 ... ... 
</script>

type 属性的默认值是 ”text/javascript“。

1——内嵌<script>元素

例如:

 <script> 
 function displayTime(){ 
 ... ... 
 } 
 window.onload = displayTime; 
</script>

2——src属性使用外部文件中的脚本

<script>标签支持src属性,这个属性指定包含JavaScript代码的文件的URL。它的用法如下:

代码如下:

<script src="../../scripts/util.js"></script>

使用src属性时,<script></script>标签之间的任何内容都会被忽略。

当在页面中用src属性包含一个脚本时,就给了脚本坐着完全控制Web页面的权限。

3——HTML中的事件处理程序

当脚本所在的HTML文件被载入浏览器时,这个脚本里的JavaScript代码只会执行一次。JavaScript代码可以通过把函数赋值给Element对象的属性来注册事件处理程序。这个Element对象表示文档里的一个HTML元素。

例如:

代码如下:

<input type="checkbox" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">

HTML中定义的事件处理程序的属性可以包含任意条JavaScript语句,相互之间用逗号分隔。这些语句组成一个函数体,然后这个函数成为对应事件处理程序属性的值。

4——URL中JavaScript

在URL后面跟着一个javascript:协议限定符,是另一种嵌入JavaScript代码到客户端的方式。这种特殊的协议类型指定URL内容为任意字符串,这个字符串是会被JavaScript解释器运行的JavaScript代码。它被当作单独的一行代码对待,这意味着语句之间必须用分号隔开,而注释必须用/**/注释代替。javascript:URL能识别的资源是转换成字符串的执行代码的返回值。如果代码返回 undefined,那么这个资源是没有内容的。

javascript:URL可以在可以使用常规URL的任意地方:比如<a>标记的href属性,<form>的action属性,甚至window.open()方法的参数。

超链接里的JavaScript URL可以是这样:

<a href="javascript:new Date().toLocaleTimeString();" rel="external nofollow" > 
What time is it? 
</a>

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

ES6中Promise使用步骤详解

怎样用React Form完成组件封装

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

哪些方法可以让html文档内嵌入js

哪些方法可以让html文档内嵌入js:这次给大家带来哪些方法可以让html文档内嵌入js,html文档内嵌入js的注意事项有哪些,下面就是实战案例,一起来看一下。在HTML里嵌入JavaScript在HTML文档里嵌入客户端JavaScript代码有4中方法:1.内嵌,放置在<script>和</scr
推荐度:
标签: 文件 方法 可以
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top