JavaScript 使用

48 阅读1分钟

<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";
}

点击前

点击后