我的 Web 页面
一个段落。
点击这里
在 < head> 或者 < body> 的JavaScript 您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 < body> 或 < head> 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 < head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
> 对象方法
对象的方法定义了一个函数,并作为对象的属性存储。 对象方法通过添加 () 调用 (作为一个函数)。 该实例访问了 person 对象的
fullName() 方法:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo" >个人资料</p>
<script>
function myfunction(){
document.getElementById("demo").innerHTML=person.fullName();
}
</script>
<button type="button" onclick="myfunction()">点击这里</button>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>你好世界!</p>
<div id="main">
<p> DOM 是非常有用的。</p>
<p>该实例展示了 <b>getElementsByTagName</b> 方法</p>
</div>
<script>
var x=document.getElementById("main");
var y=x.getElementsByTagName("p");
document.write('id="main"元素中的第一个段落为:' + y[0].innerHTML);
</script>
</body>
</html>
你好世界!