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

Javascript加入网页有哪些方法呀?,第1张

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

折叠直接方式

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

ltscript 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的结束)

ltscript language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--

//javascript代码

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

折叠引用方式

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

ltscript 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/javascriptversion=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也是一种不错的解决办法.

什么意思啊?

<a>标签本来就是链接了嘛。

具体想要什么效果,,没看明白你说什么。

你把下面这段代码保存为 test.html 然后打开它 就可以看到一些效果了,不知道是不是你想要的效果。 具体代码也就那么一点点 想想应该不用解释了吧。 不明白再问 负责让你明白JS。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

</head>

<body>

<script>

function quotecomment(str){

window.clipboardData.setData('text', str)

}

function trueLink(str){

window.open(str)

}

</script>

<a href="javascript:quotecomment('我是胸前有A')">点击复制</a>

<a href="javascript:trueLink('http://www.baidu.com')">我是胸前有A---点击打开链接</a>

<a href="http://www.baidu.com" target="_blank">我是胸前有A---这个才是真正的链接,点击试试!</a>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11918535.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存