DW中html怎么调用js,把Javascript代码应用到网页中的方法

最新推荐文章于 2022-07-30 01:09:51 发布

weixin_39606638

最新推荐文章于 2022-07-30 01:09:51 发布

阅读量3.1k

点赞数

文章标签： DW中html怎么调用js

把Javascript代码应用到网页中的方法

发布时间：2012-05-14 11:21:49 作者：佚名我要评论

把Javascript代码放到网页中，做网页的时候经常要用到这个方法。请看下面的介绍

在今天的网页中 javascript 使用相当广泛，它能使网页增加互动性。javascript 使有规律地重复的html文段简化，减少下载时间。javascript 能及时响应用户的操作，对提交表单即使的检查，无需浪费时间交由cgl验证。javascript 的特点是无穷无尽的，只要你有创意。那么javascript 在网页的用法是什么呢，下面我来具体讲讲。

Javascript加入网页有两种方法：

1、直接加入HTML文档

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

＜script language="Javascript"＞

＜!--

document.writeln("这是Javascript！采用直接插入的方法！");

//-Javascript结束--＞

＜/script＞

在这个例子中，我们可看到一个新的标签：＜script＞……＜/script＞，而＜script language="Javascript”＞用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。

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

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

2、引用方式

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

＜script src＝url language="Javascript"＞＜/script＞

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

document.writeln("这是Javascript！采用直接插入的方法！");

在网页中可以这样调用程序：＜script src＝"Script.js" language="Javascript"＞＜/script＞

Dreamweaver怎么做一个hello world网页？对于初学者使用Dreamweaver制作一个网页是很值得高兴的一件事，该怎么使用dw制作一个最简单的hello world页面呢？下面我们的就来看2020-09-03

Dreamweaver代码怎么自动排？Dreamweaver中的代码看上去很乱，不好找，想要将代码格式化了，看上去更有条理性，该怎么操作呢？下面我们就来看看dw代码格式化的技巧，需要的2020-07-22

Dreamweaver文字或图片怎么添加空连接？Dreamweaver制作网页的时候，需要给网页中的图片或者文字添加空连接，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参2019-10-09

Dreamweaver媒体查询命令怎么使用？Dreamweaver制作页面会用到很多命令，我们今天就来介绍关于媒体查询命令的使用方法，需要的朋友可以参考下2019-09-03

Dreamweaver怎么修改文档说明类型？Dreamweaver中想要更改文档说明，该怎么更改呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-09-03

Dreamweaver怎么插入水平线并设置颜色？Dreamweaver制作网页的时候，想要插入一个水平线，该怎么插入水平线并设置红色呢？下面我们就来看看详细的教程，需要的朋友可以参考2019-05-06

dreamweaver怎么使用正则表达式？dreamweaver页面中有需要替换的内容，该怎么替换呢？我们可以使用正则表达式来替换，下面我们就来看看详细的教程，需要的朋友可以参考下2019-04-30

Dreamweaver网页怎么插入单选按钮？Dreamweaver设计网页的时候，需要使用单选按钮，该怎么插入单选按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-04-26

Dreamweaver CC2019怎么制作关注按钮？dw2019中想要制作一个按钮并给按钮添加链接，实现关注的效果，该怎么操作嗯？下面我们就来看看详细的教程，需要的朋友可以参考下2019-04-25

Dreamweaver CS3复选框怎么用？Dreamweaver CS3制作网页的时候，经常使用复选框，复选框的各种属性有什么作用？下面我们就来看看dw复选框属性介绍，需要的朋友可以参考下2019-04-24