JavaScript应用（1）

1 本例使用该方法来“查找” id="demo" 的 HTML 元素，并把元素内容（innerHTML）更改为 "Hello JavaScript"：

 
document.getElementById("demo").innerHTML = "Hello JavaScript";

2 本例通过改变 <img> 标签的 src 属性（source）来改变一张 HTML 图像：

 
<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>
 
<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">
 
<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>

 3.改变 HTML 元素的样式，是改变 HTML 属性的一种变种：　　

 
document.getElementById("demo").style.fontSize = "25px";

 4 可通过改变 display 样式来隐藏 HTML 元素：

 
document.getElementById("demo").style.display="none";

 5. 可通过改变 display 样式来显示隐藏的 HTML 元素：　　

 
document.getElementById("demo").style.display="block";

 6 JavaScript 能够以不同方式“显示”数据：

• 使用 window.alert() 写入警告框
• 使用 document.write() 写入 HTML 输出
• 使用 innerHTML 写入 HTML 元素
• 使用 console.log() 写入浏览器控制台

 7.内建属性 length 可返回字符串的长度：

 
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

 8 indexOf() 方法返回字符串中指定文本首次出现的索引（位置）：

 
var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

9.lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引：

 
var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1。