前端JS—顯示賦值(一)


一:js代碼必須位於<script>js代碼</script>

把js代碼放到<body>元素的地步,可以改善顯示速度

二:js顯示數據

  • 使用 window.alert() 寫入警告框
  • 使用 document.write() 寫入 HTML 輸出
  • 使用 innerHTML 寫入 HTML 元素
  • 使用 console.log() 寫入瀏覽器控制台

三:訪問HTML元素,可以用document.getElementById(id) 方法

四:多種數據類型:數值、字符串、數組、對象

  <p id="shuzi"></p>

    <p id="zifuchuan"></p>

    <p id="shuzu"></p>

    <p id="duixiang"></p>

<script>

    var length = 7;                             // 數字

    var lastName = "Gates";                      // 字符串

    var cars = ["Porsche", "Volvo", "BMW"];         // 數組

    var x = {firstName:"Bill", lastName:"Gates"};    // 對象 

    document.getElementById('shuzi').innerHTML=length;

    document.getElementById('zifuchuan').innerHTML=lastName;

    document.getElementById('shuzu').innerHTML=cars+"   "+cars[0];

    document.getElementById('duixiang').innerHTML=x+x.firstName+x.lastName;

</script>

 

 

 

五:如果字符abc和數字123相加,得到字符abc123

六:函數function  函數名()

toCelsius 引用的是函數對象,而 toCelsius() 引用的是函數結果

 

 

七:this關鍵詞

在函數定義中,this 引用該函數的“擁有者”。

在上面的例子中,this 指的是“擁有” fullName 函數的 person 對象

換言之,this.firstName 的意思是 this 對象的 firstName 屬性。

八:事件

事件處理程序可用於處理、驗證用戶輸入、用戶動作和瀏覽器動作:

  • 每當頁面加載時應該做的事情
  • 當頁面被關閉時應該做的事情
  • 當用戶點擊按鈕時應該被執行的動作
  • 當用戶輸入數據時應該被驗證的內容
  • 等等

讓 JavaScript 處理事件的不同方法有很多:

  • HTML 事件屬性可執行 JavaScript 代碼
  • HTML 事件屬性能夠調用 JavaScript 函數
  • 您能夠向 HTML 元素分配自己的事件處理函數
  • 您能夠阻止事件被發送或被處理
  • 等等

參考資料:https://www.w3school.com.cn/js/js_number_methods.asp


免責聲明!

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



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