js基础①

Posted on 2017-07-10 23:35  dyzne  阅读(135)  评论(0编辑  收藏  举报

一、javascript简介

JavaScript 是属于网络的脚本语言!也是因特网上最流行的脚本语言!简称JS!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

特点:

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习。

但javascript与java没有半毛钱关系,他们是两种完全不同的语言,无论在概念还是设计上。

java有Sun公司发明,而javascript由Brendan Eich发明,ECMA-262 是 JavaScript 标准的官方名称。

 

二、JS的使用

1、在html文件中直接写入JS脚本

脚本必须在<script> 与 </script> 标签之间!

<script>
alert("My First JavaScript");
</script>

ps: 可在<script>标签里加上type="text/javascript",不过没有必要

 

可放置在<body>或<head>部分里,也可同时放于两部分中,不限数量。

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
</html>
<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

ps:通常做法是放<head>或者页面底部,最好将脚本放置于一处,不会干扰。

 

2、使用外部js

像使用html的外部css一样,js也可外部使用。

使用方法:<script src="myScript.js"></script>,src后面的地址可以是相对路径与绝对路径,也可以通过互联网来获取。

 ps:js脚本文件推荐使用后缀名 .js ,且在该js文件里不需要加上<script>标签