JavaScript简介

来源：互联网发布：ubuntu rm rf 编辑：程序博客网时间：2024/06/03 22:52

JavaScript简介

JavaScript
1. 用于HTML和Web
2. 轻量级的编程语言
3. 可插入HTLM
4. 由浏览器执行
5. 易学习
功能
1. 写入HTML
2. 对事件作出反应
3. 改变HTML内容
4. 改变HTML图像
5. 改变HTML样式
6. 验证用户输入
JavaScript与Java
1. 两种完全不同的语言
2. ECMA-262是JavaScript标准的官方名称

JavaScript实现

script标签
1. HTML插入JavaScript，使用标签

<script>alert("JS");</script>

javaScript函数和事件
1. 上述JS代码，在页面加载时执行
2. 将JS代码放入函数中，可在事件发生时调用该函数
3. JS可位于HTML的body或head中
4. 通常，将JS放入head部分
head

<!DOCTYPE html><html><head>    <script>    function myFunction()    {        document.getElementById("demo").innerHTML="JS";    }    </script></head><body>    <h1>My Web Page</h1>    <p id="demo">A Paragraph</p>    <button type="button" onclick="myFunction()">Try it</button></body></html>

body

<!DOCTYPE html><html><body>    <h1>My Web Page</h1>    <p id="demo">A Paragraph</p>    <button type="button" onclick="myFunction()">Try it</button>    <script>    function myFunction()    {        document.getElementById("demo").innerHTML="JS"    }    </script></body></html>

外部JavaScript
1. 可以把JS保存到外部文件，xxx.js
2. 通过script标签的src属性设置.js文件
3. 外部文件.js不能包含script标签

//xxx.html<!DOCTYPE html><html><body>    <h1>My Web Page</h1>        <p id="demo">A Paragraph.</p>       <button type="button" onclick="myFunction()">Clikc</button>     <script type="text/javascript" src="/xxxx/myScript.js"></script></body></html>

//myScript.jsfunction myFunction(){    document.getElementById("demo").innerHTML = "xxxx";}

阅读全文

0 0