Dom對象的研究

来源:https://www.cnblogs.com/jinfeixiang/archive/2018/10/31/9885841.html
-Advertisement-
Play Games

1.邏輯運算 || && ! 1||2 5&&4 !0 || 遇到第一個為true 的數字就終止並返回 && 遇到第一個為false 的值 就終止 返回false 的值 如果沒有false 就返回最後那個數 || 和&& 在一起 && 的優先順序比較高 高於|| 2.作用域問題 1. js代碼如何讓執 ...


1.邏輯運算  ||  &&  !

1||2   5&&4     !0

||

  遇到第一個為true 的數字就終止並返回

&&

   遇到第一個為false 的值 就終止 返回false 的值 如果沒有false 就返回最後那個數

|| 和&& 在一起

 && 的優先順序比較高 高於||

2.作用域問題

  1. js代碼如何讓執行

  2.js 環境 

  3. 棧 堆

      js代碼在客戶端執行前,瀏覽器會給這個js一個全局環境,這個全局環境

分兩個部分。

一個是記憶體模塊,一個是執行模塊,記憶體模塊找到當前作用域下所有帶var和

function的關鍵字,var 進行變數聲明,function 聲明定義。

執行模塊逐行向下(會出現語句和代碼塊) 如果是函數執行。

函數執行:會開闢一個類似與window 的私有作用域,在這個私有作用域下

又分兩個模塊,記憶體模塊和執行模塊。記憶體模塊找到當前環境下所有帶var

和function的關鍵字,還需要註意函數的形參,因為他也是私有變數,帶var

的進行變數聲明為私有變數

function 聲明和定義都完成了,然後是執行模塊逐行執行。

阿裡面試題

 

Dom 對象dom的全程 document object model

Dom 主要研究 html 中的節點 (標簽)對節點進行操作,改變標簽屬性樣式

,添加事件等。Dom 研究是對象是document

操作流程

       

document.getElementById(“idname”)  通過id名獲取元素

document.getElementsByTagName(“div”) 標簽獲取

獲取整個網頁中所有的div構成的一個數組集合

Document.getElementsByClassName(“name”)  通過class

獲取整個網頁中class叫name的數組聚

 

 

2輸出

 

1)       document.Write()在整個文檔輸出

 

2)       指定的元素中輸出 element.innerHTML=

 

innerHTML指的是元素中的內容

 

                指定的元素中輸出Element.innerText=

 

二者區別

 

innerHTML中可以嵌套標簽

 

innerText 中只能是文本;

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 目錄 一、應用開發技術及平臺介紹 ①開發技術: 本系統是採用面向對象的軟體開發方法,基於Android studio開發平臺,以Android作為本系統的開發語言實現音樂播放器預定的需求功能。 ②平臺介紹 硬體平臺 CPU奔騰雙核 (主頻2.0GHz) 記憶體1G以上 64或32位PC機 500G硬碟 ...
  • 又到了公司一年當中最忙的時刻了,為了趕項目,現在居然開啟了996模式,這是我從業多年來第一次遇見的。 一轉眼,一個月又過了,回頭一看,這個月一篇文章都沒有發,上個月忙著一個人做項目,項目忙完了還不忘發篇文章吐槽一下。從明天開始就要去java項目組了,可能做前端,也可能做後端,也可能前後端都要做。Ja ...
  • 系統全面地講解微信小程式的開發技術。開篇創建一個小程式項目並解析體驗,介紹如何由零開始創建一個小程式,全面體驗小程式的開發工具、界面、開發框架、實現過程及其主要代碼框架,瞭解小程式的應用場景及開發要求。接著介紹小程式開發基礎,包括小程式開發的語言與語法、函數方法、模塊、事件交互等。然後詳細介紹了組件 ...
  • export default class HttpUtils { static get(url){ return new Promise((resolve,reject)=>{ fetch(url) .then(response=>response.json()) .then(resu... ...
  • 1.函數都有返回值 而方法的本質也是函數,所以也有返回值。 Document。getElementByLd()返回的是獲取的標簽 getElementsByClassName()和getElemantsByTagName()返回的是一個數組 Document。getElementsByClassNa ...
  • 1. 寫一個函數,實現對數字數組的排序。 function get_order(array){ for(var i = 0; i <array.length-1; i++){ for(var j = 0; j < array.length - 1 -i; j++){ if(array[j] < ar ...
  • 聲明 本系列文章內容全部梳理自以下四個來源: 《HTML5權威指南》 《JavaScript權威指南》 "MDN web docs" "Github:smyhvae/web" 作為一個前端小白,入門跟著這四個來源學習,感謝作者的分享,在其基礎上,通過自己的理解,梳理出的知識點,或許有遺漏,或許有些理 ...
  • 一、前言 熟悉了 Vue 的指令系統後,在實際開發中,不可避免的會使用到對於事件的操作,如何處理 DOM 事件流,成為我們必須要掌握的技能。不同於傳統的前端開發,在 Vue 中給我們提供了事件修飾符這一利器,使我們可以便捷的處理 DOM 事件,本章,一起來學習如何使用事件修飾符來實現對於 DOM 事 ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...