如何在html中调用JS文件

如何在html中调用JS文件,第1张

一、JavaScript脚本语言的特性

JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性:

1、在客户端执行。完全在用户的计算机上运行,无须经过服务器。

2、面向对象。具有内置对象,也可以直接 *** 作浏览器对象。

3、动态变化。可以对用户的输入作出反应,也可以直接对用户输出。

4、简单易用。JavaScript脚本语言虽然简单,但初学者也能快速掌握。

5、只能与HTML语言一起使用。要通过浏览器解释执行。

二、如何在HTML中加入JavaScript脚本

JavaScript采用的格式如下:

<Script Language="JavaScript">

JavaScript 语句

</Script>

把上述语句放在HTML的<head>与</head>之间,也可放在<body>与</body>之间。

例子:在网页上显示“你好!”。

<html>

<body>

<Script Language="JavaScript">

alert("你好!")

</script>

</body>

</html>

三、在浏览器地址栏直接执行JavaScript脚本

也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。

如输入:javascript:alert(200*75)

四、调用JavaScript文件

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。

例子:调用test.js文件,显示提示。

<html>

<body>

调用test.js文件

<script language="JavaScript" src="test.js">

</script>

</body>

</html>

test.js的文件内容如下:

alert("这是被调用的语句。")

五、注释语句

用<!- ... ->表示注解部分,用作说明解释,浏览器不显示出来。不要也可以。

另外,双斜线 "//" ,是JavaScript 的注释语句,它后面的语句不被执行。

六、变量的使用

变量的声明:Var usename

变量的赋值:usename="李国强"

例子:在网页上显示“李国强你好!”。

<html>

<body>

<Script Language="JavaScript">

Var usename

usename="李国强"

alert(usename + "你好!")

</script>

</body>

</html>

七、数组

数组的定义:var name=new Array(5) 用 new 来生成数组。

数组的赋值:name[1]="Marry"

数组的初始化:var name=new Array("Marry","Petty","Mike","Jphn")

数组的引用:name[1]

注:数组的第一个素由1开始。

八、运算符与表达式

1、代数运算符:加(+)、减(-)、乘(*)、除(/)、取余(%)。

2、比较运算符:等于(==)、不等于(!=)、大于(>)、小于(<)、大于等于(>=)、小于等于(<=)。

3、逻辑运算符:逻辑与(&&)、逻辑或(||)、逻辑非(!)。

表达式:由变量和运算符组成的式子。如:usename + "你好!"

1、定义不同

(1)HTML(结构):全称Hyper Text Markup Language(超文本标记语言),该语言是用于定义文档内容结构。

(2)CSS(布局):全称Cascading Style Sheets (层叠样式表)。

2、性质不同

HTML是网页的结构,CSS是网页的样式。例如如果把整个网页比喻成一个人,那么HTML就是骨头,CSS就是衣服。

2、功能不同

HTML功能:

(1)该语言写的代码通常会被浏览器解析执行.

(2)超文本:不止包括文本,还有图片、链接、音乐。

(3)一个页面就是一篇文档,而一篇文档最核心的就是内容,不同含义。

CSS功能:

(1)用于定义HTML文档的样式(外观)。

(2)页面表现的基础,可以控制布局,控制元素的渲染。

4、格式不同

(1)HTML注释格式:<!--注释内容-->

(2)CSS注释格式:/*注释内容*/

参考资料来源:百度百科—HTML

参考资料来源:百度百科—CSS


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

原文地址: https://outofmemory.cn/zaji/6274180.html

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

发表评论

登录后才能评论

评论列表(0条)

保存