JS常用輸入輸出語句


1、JS輸出

  * window.alert() 彈出警告框;

    -alert(字符串或變量);

1 <script type="text/javascript">
2     var mynum=30;
3     alert("hello!");
4     alert(mynum);
5 </script>

 

  * document.write() 方法將內容寫到HTML文檔中;

    - 輸出內容用“”括起,直接輸出“”號內的內容;

1 <script type="text/javascript">
2 document.write("I love JavaScript!");
3 </script>

    - 通過變量,輸出內容;

1 <script type="text/javascript">
2     var mystr="Hello,world!";
3     document.write(mystr);
4 </script>

    - 輸出多項內容,內容之間用+號連接;

1 <script type="text/javascript">
2     var mystr="hello";
3     document.write(mystr+"I love JavaSript!");
4 </script>

 

  * innerHTML寫入到HTML元素,document.getElementById("id"),通過id找到標簽,進行操作;

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4            <meta charset="utf-8">
 5            <title>Sample Page!</title>
 6     </head>
 7     <body>
 8          <p id="demo">我的第一個段落</p>
 9          <script>
10                 document.getElementById("demo").innerHTML="段落已修改"11          </script>
12     </body>
13 </html>    

 

  * console.log() 寫入到瀏覽器的控制台。

1 <script type="text/javascript">
2     a=5;
3     b=6;
4     c=a+b;
5     console.log(c);
6 </script>

 

JS對象通過點來訪問其方法和屬性。window是對象,document也是對象;onclick、onload是事件屬性;onclick表示單擊事件,onload是頁面加載完畢時;document.getElementById("div1"); 表示訪問document對象的getElementById方法。

window:表示瀏覽器中一個打開的窗口;

document對象:代表整個HTML文檔,可用來訪問頁面中的所有元素。

document是window的一個子對象。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM