1. 直接输出文字: document.write("<显示的类型>显示文字</类型>");
<script>
document.write("<h1>This is a heading</h1>"); //This is a heading以h标题字形式显示
document.write("<p>This is a paragraph.</p>"); / /This is a paragraph.以p普通文字形式显示
</script>
2. 弹出对话框, alert('XXX') 里面的内容是xxxxx
<button type="button" onclick="alert('Welcome!')">点击这里</button> //此代码生成一个代码,并且按一下这个按钮弹出welcome字眼的对话框。
3.单击按钮改变文字(生成一个按钮,一按这个按钮,文字 JavaScript 能改变 HTML 元素的内容 就转变为 Hello JavaScript! )
<body>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素,这2句代码是换文字关键,必须以函数形式function A(){}表达,
//最左边的x可以随便命名,x的到id为demo的所有内容,就是得到 文字JavaScript 能改变 HTML 元素的内容。
x.innerHTML="Hello JavaScript!"; //这个x是运用x得到的文字内容去修改,并输出
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
4. 获取按钮上的文字内容
<input type="text" id="button1" value="Click Me"/> //value是按钮显示的内容
那么当调用document.getElementById("button1").value的时候,返回的就是"Click Me"了
//document.getElementById("button1")是获得这个id的按钮,后面的.Value是指获得按钮的显示内容,就是value了, . 是为了指明引用这个id的什么,value必须要小写。