问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

Javascript加入网页有哪些方法呀?

发布网友 发布时间:2022-04-29 14:06

我来回答

1个回答

热心网友 时间:2022-04-22 16:49

Javascript加入网页有两种方法:直接方式和引用方式。

折叠直接方式

这是最常用的方法,大部分含有Javascript的网页都采用这种方法,例如:

lt;script type="application/javascript">

lt;!--

document write("这是Javascript!采用直接插入的方法!");

//-Javascript结束-->

lt;/script>

在这个例子中,我们可看到一个新的标签:<script>……</script>,而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。(w3c已经建议使用新的标准:<script type="application/javascript">)

HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持Javascript 语言的浏览器来说是很有用的。

注意在非xhtml文档中插入script标签时,如果不是引用外部文件,应该在script内加上cdata声明,避免大于和小于运算符引起的浏览器解析错误

//-Javascript结束:双斜杠表示Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去,这在后面将会详细介绍。 另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在<head>……</head> 或<body>…..</body>中的任何地方。

还有一个更高级版本的嵌入脚本,它使用了HTML中的CDATA语法(Character Data,就是把CDATA中的文本全部当作纯文本处理,除非遇到CDATA的结束)

lt;script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--

//javascript代码

//--><!]]></script>

折叠引用方式

如果已经存在一个Javascript源文件(通常以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:

lt;script src=“url” type="text/javascript"></script>

其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:

document write("这是Javascript!采用直接插入的方法!");

在网页中可以这样调用程序:<script src="Script.js" type="text/javascript"></script> 。

也可以同时在导入文件时制定javascript的版本,例如:<script src="Script.js" type="text/javascript; version=1.8"></script>

注意:凡是指定了src属性的script标签里的内容都会被忽略。

折叠编辑本段脚本调试

JavaScript Editor随着用JavaScript编程的深入,你会开始理解那些JavaScript给出的不透明错误信息。一旦你理解了你常犯的一般性错误,你就会很快知道怎样避免它们,这样你写的代码中的错误将越来越少。编程实际上是一种能随着时间不断飞快进步的技术。但是不管变得多么熟练,你仍然要花一些时间调试你的代码。如果你做过家庭作业,或有过JavaScript编程经验,你会知道相当多的时间是花在调试上。这很正常- 这只是编程者必须做的事之一。实际上,按照大量的研究,程序员平均百分之五十的时间花在解决代码中的错误。

折叠调试的技巧:

根据浏览器的提示信息

选择浏览器是很重要的,不同的浏览器的错误提示都不同,在浏览器中错误信息最容易理解的,能最快找出错误的,就是firefox和opera了。它们都会给出详细的出错原因和行号。

使用调试工具

如果你是Firefox的用户,那么你可以到添加组件的网页中搜索一些用于网页开发的组件

推荐:Firebug

一款非常优秀的组件,可以指出你的脚本中的错误,查看DOM树,查看cookie,ajax通信,并且还有CSS的调试工具,而且也有不少firebug的扩展。

javascript debugger

这是mozilla开发的调试工具,项目代号叫venkman,和gecko的javascript解析器无缝集成,功能非常强大。

清除浏览器缓存

有时浏览器会在网页明明修改过的时候却依然使用缓存里的网页来显示,这时最好强制刷新网页以重新载入数据,如果还不行就清除缓存。

输出变量

如果你使用firebug调试的话,可以很方便地在脚本里用console.log()来输出变量的值,而且幸运的是,firebug还会对你输出的变量进行解析,在控制台里显示一个清晰的变量结构

如果你没有firebug,那么可以用alert代替,不过当有几百个变量输出时,很可能不得不强行关闭浏览器。在网页里专门放置一个调试用的div也是一种不错的解决办法.
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
婴儿突然变的睡觉多了怎么办 宝宝奶量没增加但是睡眠时间变长怎么回事 孩子出现哪些行为时,意味着孩子进入到猛涨期?家长该做些什么? 1岁宝宝睡眠突然增多是怎么回事 李冰冰与自己小十六岁的男友感情稳定,你会介意找一个比自己小的人结婚... 二月份是什么星座呢 二月份的星座是什么座 十二星座对应月份 2月份是什么座是什么星座 2月份出生的什么星座 javascript嵌入网页中的方法? 台式机更换内存的操作步骤 javascript嵌入网页的方法有? 台式机怎么安装内存条,详细点 政府总预算会计采用双分录的负债类科目有哪些? 为啥有的电脑的Excel可以改日期格式,有的却改变了 黑龙江银鼎融资担保有限公司是什么? 小米手机浏览器的历史记录不小心给删了还能找回来吗? 全国最靠谱的融资平台 电脑时间如何设置有日期的格式? 安装财政票据电子化管理系统时,计算机的日期格式 海南省工业和信息化厅的信息公开指南 企业融资寻求合作伙伴 海南交建局是不是公务员 希捷移动硬盘要拔的时候总提示该设备正在使用中,前几天我很着急就直接拔掉了,然后资料很多显示不出来了 谷穗如何变成小米的? 基于互联网金融的中小企业融资问题研究,应该找哪些数据分析 我把所有的程序都关了,但移动硬盘还是弹不出来,总提示设备正在使用中,这该怎么办? 简述小米的种植历史 200分!点击右下角的“安全删除”后移动硬盘提示“正在使用中,请关闭使用他的所有程序”啥的是怎么回事? 台式电脑内存条安装后还要怎么办 新的网页中使用javascript window.open打开一个嵌套网页? 急急急急!!用javascript 在本系统内嵌另一个网站,不要弹框就在自己系 ... 联昊通快递范围 怎么能用自己的手机,听见自己手机设置的彩铃? 分期付款买房需要什么手续和证件? 电脑台式机内存条 如何使用javascript显示其他网页指定内容 求行政单位使用的会计科目。谢谢各位!! 怎样用javascript制作一个网页让它一打开就是一个小窗口 中国四大名著的作者、朝代、主要人物分别是谁? javascript 如何获取iframe里面的内容? 政府与事业单位会计科目的区别 如何运用javascript引入HTML,在网页中插入模块 新政府会计单位收到原欠款上缴财政账户如何分录 javascript嵌入HTML页面小问题 用javascrip打开一个新页面并在新页面中写入内容 怎样使javascript的内容在页面里面显示。 JavaScript如何表示元素,如窗口,&lt;HTML&gt;文档,间的内容。。。 怎样在网页中插入JavaScript代码