将JavaScript 插入网页的方法

将JavaScript 插入网页的方法

使用Javascript代码。

插入JavaScript

与在网页中插入CSS的方式相似。使用下面的代码可以在网页中插入JavaScript:

...

其中的...就是代码的内容。JavaScript的插入位置不同,效果也会有所不同,还可以像CSS一样,将JavaScript保存成一个外部文件,这些内容会在下一节讨论。

用JavaScript在网页中输出内容

JavaScript使用document.write来输出内容。例如

 document.write("我是菜鸟我怕谁!");

将会输出在网页上输出:

我是菜鸟我怕谁!

学过编程的人应该知道,“我是菜鸟我怕谁!”两侧双引号代表字符串的意思。不过不理解这个概念也无所谓,学到后面就知道什么时候应该加双引号,什么时候不需要加了。

对不支持JavaScript的浏览器隐藏代码

有些浏览器可能不支持JavaScript,我们可以使用如下的方法对它们隐藏JavaScript代码。

里的内容对于不支持JavaScript的浏览器来说就等同于一段注释,而对于支持JavaScript的浏览器,这段代码仍然会执行。至于“//”符号则是JavaScript里的注释符号,在这里添加它是为了防止JavaScript试图执行-->。不过通常情况下,现在的浏览器几乎都支持JavaScript,即使是不支持的,也会了解如何合理地处理含有JavaScript的网页。

插入JavaScript的位置

JavaScript脚本可以放在网页的head里或者body部分,而且效果也不相同。

Body里的JavaScript

放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行,例如:

Head里的JavaScript

在head部分的脚本在被调用的时候才会执行,例如:

....

添加外部JavaScript脚本

也可以像添加外部CSS一样添加外部JavaScript脚本文件,其后缀通常为.js。例如:

如果很多网页都需要包含一段相同的代码,那么将这些代码写入一个外部JavaScript文件是最好的方法。此后,任何一个需要该功能的网页,只需要引入这个js文件就可以了。

注意:脚本文件里头不能再含有

注:放在body里的函数是一个例外,它并不会被执行,而是等被调用时才会执行。关于函数与调用的概念将在后面讲到。

时间: 2024-10-08 09:29:08

将JavaScript 插入网页的方法的相关文章

javascript 在网页编写的三种方法

javascript 在网页编写方法有三种: 1.标签上以事件处理形式编写 onmouseover onmouseout onclick onkeydown onkeypress onsubmit onchange onload <button onclick="alert('hello')">show</button> 2.在head标签中 <script> //编写js代码 </script> <script language=

html dom与javascript的关系 -我们用JavaScript对网页(HTML)进行的所有操作都是通过DOM进行的

一,什么是DOM (参考源http://www.cnblogs.com/chaogex/p/3959723.html) DOM是什么 DOM全称为The Document Object Model,应该理解为是一个规范,定义了HTML和XML文档的逻辑结构和文档操作的编程接口. 文档逻辑结构 DOM实际上是以面向对象方式描述的对象模型,它将文档建模为一个个对象,以树状的结构组织(本文称之为"文档树",树中的对象称为"节点").每个文档包含1个document节点,0

HTML-HTML链接JavaScript的几种方法

把JavaScript文件放在head中 标准方法是把JavaScript文件放到head标签内. <head> <script type="text/javascript" src="dreamdu.js"></script> </head> 如果浏览器不支持JavaScript,将忽略script标签里面的内容,可以避免使用<!-- ... //-->(内部引用). 当JavaScript有任何HTML

Markdown中插入数学公式的方法

自从使用Markdown以来,就开始一直使用Markdown+Github在写文章,整理自己的所学所思.本文亦是通过这种方式完成的. 然而,Markdown自由书写的特性很好,唯独遇到数学公式时就要煞费苦心--每次都是先使用Latex书写(在线的Latex编辑器参考[1]),然后保存为图片,使用img标签进行引用,当公式很多的时候稍显复杂. 本文的方法使用html的语法,调用[1]的公式生成API,在线生成Latex数学公式,免去将公式保存为图片的麻烦.当然,弊端也是有的,公式太多,可能会造成刷

PHP抓取及分析网页的方法详解

本文实例讲述了PHP抓取及分析网页的方法.分享给大家供大家参考,具体如下: 抓取和分析一个文件是非常简单的事.这个教程将通过一个例子带领你一步一步地去实现它.让我们开始吧! 首先,我首必须决定我们将抓取的URL地址.可以通过在脚本中设定或通过$QUERY_STRING传递.为了简单起见,让我们将变量直接设在脚本中. ? 1 2 3 <?php $url = 'http://www.php.net'; ?> 第二步,我们抓取指定文件,并且通过file()函数将它存在一个数组里. ? 1 2 3

JavaScript实现网页安全登录(转)

现在很多商业网站的用户登录都是明码传输的,而一般用户又习惯于所有帐号使用相同的密码来保存,甚至很多人使用的密码和自己的银行帐号都一样哦!所 以嘛还是有一定的安全隐患的,YAHOO的免费邮箱登录使用了MD5的加密方法来确证服务提供方自己也无法知道用户的密码,有效维护了用户的隐私.其原理 如下:用户在注册的时候通过JAVASCRIPT对密码进行一次MD5变换,然后发给服务器保存在数据库,因为MD5是无法逆向变换的所以可以保证服务商保护客户的隐私.当然如果要更高的保证这个变换后的密钥安全则建议使用HT

JavaScript弹出窗口方法

本文实例汇总了常用的JavaScript弹出窗口方法,供大家对比参考,希望能对大家有所帮助.详细方法如下: 1.无提示刷新网页: 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点"确定"才会刷新.而有的页面不会提示,不弹出提示窗口,直接就刷新了.如果页面没有form,则不会弹出提示窗口如果页面有form表单,a)<form  method="post" ...>    会弹出提示窗口b)<form  method="get&q

【JavaScript】网页节点的增删改查

一.基本概念 这部分也就是所谓的"HTML DOM",所谓HTML DOM也就是Web页面加载规则,是一个规则,也就是网页组成的基本公式. 也就是所有网页都必须按照:<html><body></body></html>--的规则编写,也按照这样的规则加载. 所谓的"网页节点",也叫"DOM节点"的通俗解释,例如html节点下的内容就是<html></html>之间所有内容,b

jquery javascript获得网页的高度和宽度

javascript 网页可见区域宽:     document.body.clientWidth网页可见区域高:     document.body.clientHeight网页可见区域宽:     document.body.offsetWidth (包括边线的宽)网页可见区域高:     document.body.offsetHeight (包括边线的高)网页正文全文宽:     document.body.scrollWidth网页正文全文高:     document.body.sc