JavaScript快速入门

来源：互联网发布：大亨夺宝源码编辑：程序博客网时间：2024/05/22 03:25

JavaScript是互联网上最流行的脚本语言，这门语言可用于HTML和web。是一种轻量级的编程语言，是可插入HTML页面的编程代码，比较容易学习。
下面给出一段代码可以让你快速了解JavaScript的一些特点。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>javascript学习</title></head><body><p>JavaScript 能够直接写入 HTML 输出流中：</p><script>document.write("<h1>这是一个标题</h1>");document.write("<p>这是一个段落。</p>");</script><p>您只能在 HTML 输出流中使用 <strong>document.write</strong>。如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。</p><hr/><p>JavaScript 能够对事件作出反应。比如对按钮的点击：</p><button type="button" onclick="alert('欢迎!')">点我!</button><hr/><p id="demo">JavaScript 能改变 HTML 元素的内容。</p><script>function myFunction(){    x=document.getElementById("demo");  // 找到元素    x.innerHTML="Hello JavaScript!";    // 改变内容}</script><button type="button" onclick="myFunction()">改变内容</button><hr/><p id="demo1">    JavaScript 能改变 HTML 元素的样式。</p><script>function changeColor(){    x=document.getElementById("demo1") // 找到元素    x.style.color="#ff0000";          // 改变样式}</script><button type="button" onclick="changeColor()">改变颜色</button><hr/><p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p><input id="demo2" type="text"><script>function inputNum(){    var x=document.getElementById("demo2").value;    if(x==""||isNaN(x))    {        alert("不是数字");    }}</script><button type="button" onclick="inputNum()">确认数字</button></body></html>

验证代码就可以知道以下几点：
Javascript可以直接写入HTML输出流，只能在HTML输出中使用document.write，如果在文档加载后使用该方法，会覆盖整个文档。
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
你会经常看到document.getElementById(“some id”)。这个方法是HTML DOM中定义的。DOM（Document Object Model)(文档对象模型)是用于访问HTML元素的正式W3C标准。
JavaScript能够改变任意HTML元素的大多数属性。

0 0