JavaScript 简介

来源：互联网发布：win7虚拟机mac os x 编辑：程序博客网时间：2024/06/05 10:08

**JavaScript 是属于网络的脚本语言！
JavaScript 是世界上最流行的编程语言。
这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。**

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。

JavaScript：写入 HTML 输出

实例

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

您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

JavaScript：对事件作出反应
实例

<button type="button" onclick="alert('Welcome!')">点击这里</button>

这里写图片描述

alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。

javaScript：改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。
实例

x=document.getElementById("demo")  //查找元素x.innerHTML="Hello JavaScript";    //改变内容

<!DOCTYPE html><html><body><h1>我的第一段 JavaScript</h1><p id="demo" style="color: aqua">你们喜欢我吗</p><script>function myFunction(){x=document.getElementById("demo");  // 找到元素x.innerHTML="喜欢";    // 改变内容}</script><button type="button" onclick="myFunction()">点击切换</button></body></html>

这里写图片描述

JavaScript：改变 HTML 样式
改变 HTML 元素的样式，属于改变 HTML 属性的变种。

<!DOCTYPE html><html><head>    <meta charset="UTF-8"/>    <script type="text/javascript">        document.write("<h1>我是javascript</h1>");        document.write("<h2>很久没有写JavaScript</h2>")        function change() {            x = document.getElementById("like")            x.style.color="#FF0000";        }    </script></head><body><button type="button" onclick="alert('welcome')">点击</button><p style="color: aqua" id="like">你们喜欢我吗</p><button onclick="change()" type="button">点击切换</button></body></html>

这里写图片描述

JavaScript：验证输入
JavaScript 常用于验证用户的输入。

<!DOCTYPE html><html><head>    <meta charset="UTF-8"/></head><body><p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p><br/><input id="demo" type="text"><script type="text/javascript">    function dianji(){        var x = document.getElementById("demo").value;        if(x=="" || isNaN(x)){            alert("不是number");        }    }</script><button type="button" onclick="dianji()">点击</button></body></html>

这里写图片描述

0 0