1、从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法。
通过指定的 id 来访问 HTML 元素,并改变其内容:
<html>
<body>
<h1>我的第一张网页</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="我的第一段 JavaScript";
</script>
</body>
</html>
2、在页面加载时向 HTML写入文本:
<script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script>
3、把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。该函数会在点击按钮时被调用:
<body>
<h1>My Web Page</h1> <p id="demo">A Paragraph</p> <button type="button" οnclick="myFunction()">Try it</button>
<script> function myFunction() { document.getElementById("demo").innerHTML="My First JavaScript Function"; } </script>
</body>4、如需使用外部文件,在 <script> 标签的 "src" 属性中设置该 .js 文件
<script src="myScript.js"></script>
5、JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。
虽然与java毫无关联,但是也有些语法是类似的,比如说单行注释是//多行注释是/* */
6、变量是存储信息的容器。
<script>var x=2;var y=3;var z=2+3;document.write(x + "<br>");document.write(y + "<br>");document.write(z + "<br>");</script>7、当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被构造为对象的树。
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。
在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。
如需改变 HTML 元素的内容,请使用这个语法:
document.getElementById(id).innerHTML=new HTML
<p id="p1">Hello World!</p>
<script> document.getElementById("p1").innerHTML="New text!"; </script>
如需改变 HTML 元素的属性,请使用这个语法:
document.getElementById(id).attribute=new value
<img id="image" src="smiley.gif"> <script> document.getElementById("image").src="landscape.jpg"; </script>
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。
如需改变 HTML 元素的样式,请使用这个语法:
document.getElementById(id).style.property=new style
<h1 id="id1">My Heading 1</h1><button type="button" οnclick="document.getElementById('id1').style.color='red'">点击这里</button>8、在本例中,当用户在 <h1> 元素上点击时,会改变其内容:
<p onclick = 'this.innerHTML = "大哥"' style ='font-family:consolas;color:green;font-size:30px;text-align:center'>我是谁</p>
或者说在head或者body里面添加方法:
<script>function changetext(id){id.innerHTML='666';}</script>然后这样调用
<p onclick = 'changetext(this)' Style = 'font-family:consolas;font-size:30px;color:green;text-align:center'>click it!</p>
9、Invalid HTTP_HOST header: