<script >
function setInnerHTML(){
document.getElementById("two").innerHTML = "<strong>加粗</strong>";
}
</script>
<script >
function setInnerHTML(){
document.getElementById("two").innerHTML = "<strong>加粗</strong>";
}
</script>
外部脚本
JavaScript 函数和事件
JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
例如,当发生事件时调用函数,比如当用户点击按钮时。
提示: 您将在稍后的章节学到更多有关函数和事件的知识。
<!DOCTYPE html>
<html>
<body>
<script src="1.js"></script>
<h2>js的使用</h2>
<p id="demo"></p>
<p id="one"></p>
<p id="test"><font color="#197afb">弹出js 的使用</font></p>
<input type="button" onclick="getdiHTML()" value="点击" />
<p id="two"><font color="#000">黑色</font></p>
<input type="button" onclick="setInnerHTML()" value="点击" />
<p id="three">不练习</p>
<button type="button" onclick="myHtml()">试一试</button>
<p id="frit">我得第一个HTML</p>
<button type="button" onclick="myFrithtml()">单机</button>
<p id="a">A</p>
<button type="button" onclick="studyFrit()">字母A</button>
<p id="b">B</p>
<button type="button" onclick="bFrit()">字母B</button>
<p id="c">C</p>
<button type="button" onclick="studyFritc()">字母C</button>
</body>
</html>
document.getElementById("demo").innerHTML = "我的第一段 JavaScript";
document.getElementById("one").innerHTML="js的使用"
//1.获取段落p的 innerHTML(html内容)
function getdiHTML(){
alert(document.getElementById("test").innerHTML);
}
//.设置段落p的 innerHTML(html内容)
function setInnerHTML(){
document.getElementById("two").innerHTML = "<strong>加粗</strong>";
}
function myHtml() {
document.getElementById("three").innerHTML = "练习1";
}
function myFrithtml() {
document.getElementById("frit").innerHTML="第一个HTML";
}
function studyFrit(){
document.getElementById("a").innerHTML="a";
}
function bFrit(){
document.getElementById("b").innerHTML="b";
}
function studyFritc(){
document.getElementById("c").innerHTML="c";
}
点击前
点击后