js怎么用

JavaScript010

js怎么用,第1张

来看看js代码的用法。

我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。

我们先来看第一种用法：在HTML页面中直接嵌入js代码

如果在HTML页面中直接嵌入JavaScript代码，我们需要使用 <script>标签，<script>和 </script>会告诉 JavaScript 在何处开始和结束。

<script>和 </script>之间的代码行包含了 JavaScript：

<script>

alert("My First JavaScript")

</script>

在HTML页面的任何位置（head部分 body部分 body的后面 较好）都可以插入script标签。

你有可能会在 <script>标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。

我们来看一个具体的示例

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script>

document.write("<h1>This is a heading</h1>")

document.write("<p>This is a paragraph</p>")

</script>

</body>

</html>

上述代码就是在在HTML页面中直接嵌入js代码。

接着我们来看看js代码的第二种用法：通过链接外部的JavaScript文件。

有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。

我们链接外部JavaScript文件可以有以下步骤

1、首先我们建立一个JavaScript文件，扩展名是.js

2、然后将要编写的js代码写到Js文件中，并保存文件。

3、使用script标签将JavaScript文件链接到HTML文件中

<script type="text/javascript" src="JavaScript文件名和路径"></script>

需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。

我们来看一个具体的示例

我们先建一个js文件sample.js

然后写入js代码

document.write("<p>This is a paragraph</p>")

最后使用script标签将JavaScript文件链接到HTML文件中

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript" src="sample.js"></script>

</body>

</html>

以上就是js代码使用的两种方法

1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：

2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：

3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：

4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:

5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：

6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：

用毛刷或滚刷直接将JS防水涂料涂刷在基面上，力度运用均匀，不能漏刷；若用于防潮，只需涂刷一层；用于防水，需涂刷二至三层。 当第一层JS防水涂料干固至刚好不粘手时（通常须1-2小时），即可涂刷第二层，每两层涂刷方向应笔直相交。如果家中有防水这个需求的话，可以去了解一下科顺这个品牌。科顺防水科技股份有限公司成立于1996年，历经二十余年的稳健经营和高效发展，现已成长为以提供防水综合解决方案为主业，集工程建材、民用建材、建筑修缮业务板块于一体，业务范围涵盖海内外的综合建材公司。

科顺防水已形成以防水材料研发、制造、销售为主体，包括技术服务和工程服务的多业态组合，公司现为中国建筑防水协会副会长单位，已连续10年当选“房地产500强首选防水材料品牌”，先后与碧桂园、万科、融创中国、绿地控股、中海、世茂、龙湖集团、招商蛇口等超过100家知名房企签订战略合作协议，行业综合实力排名前三。