JavaScript常用標簽和方法總結

来源:http://www.cnblogs.com/androidshouce/archive/2016/06/24/5613030.html
-Advertisement-
Play Games

什麼是javascript? (1) JavaScript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全性能的 腳本語言。 (2) JavaScript是由Netscape公司開發的一種腳本語言,其編寫的程式可以嵌入到 HTML頁面中,並直接在瀏覽器中解釋執行。 (3 ...


什麼是javascript?  

(1) JavaScript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全性能的 腳本語言。  

(2) JavaScript是由Netscape公司開發的一種腳本語言,其編寫的程式可以嵌入到 HTML頁面中,並直接在瀏覽器中解釋執行。  

(3) JavaScript可以被瀏覽器直接解釋執行,它可以更好得減小伺服器壓力,提高程 序運行效率。 

//事件(事件監聽) :

    //標簽對象.事件監聽.function(){執行的代碼,找對象,找屬性,改屬性};

    事件源.觸發一個事件.調用一個方法.方法找執行代碼找對象,找屬性,改屬性(或者用屬性,增刪改查)

           onmouseover 滑鼠移到某個元素之上

           onmouseout  滑鼠移開某個元素

           onkeydown   鍵盤按下去(就是一直按著)

           onkeypress  鍵盤按下去再鬆開(就是點擊 按下去再鬆開)

           oonkeyup    鍵盤鬆開(就是鬆開的時候)

           onclick     滑鼠按下去再起來(點擊)

           onmousedown 滑鼠按鈕按下(按著不動)

          onmousemove 滑鼠移動(移動  按著和不按著都行)

           onmouseout  滑鼠移到某元素之上(滑鼠放上去的時候)

           onmouseup   滑鼠按鍵鬆開(滑鼠鬆開的時候)

           onresize    視窗或者框架被重新調整大小

           window.onresize

           onsubmit    表單提交

           onblur      元素失去焦點

           onfocus     元素獲取焦點

           瀏覽器空白區域的寬和高(也就是瀏覽器的寬和高)

           寬:document.documentElement.clientWidth; 

          高:document.documentElement.clientHeight;

//獲取對象的方式 : 

            //  window.document.getElementById('miao');//window可以省略

                document.getElementById('miao');//ID是唯一的,不可以衝突,所以獲取到的是一個對象值,不是數組

                document.getElementsByTagName("a");//標簽名不是唯一的  獲取所有a標簽對象,生成數組

                document.getElementsByClassName("a");//className不是唯一的,獲取所有className為a的標簽對象  生成數組

                document.getElementsByName("a");//Name屬性不是唯一的,獲取所有Name為a的標簽對象,生成數組

                就是整個標簽

                獲取對象後,如果想獲取標簽內的內容,可以調用對象的innerHTML屬性

                標簽對象.innerHTML:代表了標簽之間的文字

                標簽對象.innerHTML = 新的數據:就是給標簽之間的內容賦值

//彈框 :    

           alert():一個普通的彈窗

           confirm():彈出一個確認和取消的彈窗

           prompt():帶有輸入框的彈出

           setTimeout(func,n);//定時器,n秒後執行func中中的程式,單位是毫秒

           clearTimeout(s); //取消定時器效果,參數是又setTimeout生成的時間標識

           setInterval(func,n):以固定的時間間隔執行某件事

           clearInterval(s);

//字元串轉換數值型parseInt();

        var h =document.documentElement.clientHeight;//獲得瀏覽器的高

        var w =document.documentElement.clientWidth;//獲得瀏覽器的寬

        var div1 = document.getElementById("id");//獲得ID為id的標簽的對象

        iw=parseInt(w)//把w轉成數值型

        ih=parseInt(h)

        div1.style.height=ih+'px';//賦值

        div1.style.width=iw+'px';

以上就是本文的全部內容,希望對大家今後在做項目時用到JavaScript標簽和方法有所幫助。


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

-Advertisement-
Play Games
更多相關文章
  • 1、static修飾的變數會一直保存在記憶體中,直到程式結束才會被銷毀,不管你是在代碼的那個位置定義的這個變數。因此你定義的static變數只會初始化一次,之後你獲取到的static修飾的變數的值均是上次賦的值。 代碼: 當pla結束第一次調用的時候,i還存在再記憶體中,值為2;當這個函數第二次被調用, ...
  • 在實際開發中,重覆使用同一個對象要比每次需要的時候就創建一個對象要好的多; 作為一個比較極端的反面例子,看下麵這個語句: String s = new String("haha"); 改語句每次被執行時都會創建一個新的String實例,如果這種用法是在一個迴圈中,或者是在一個被頻繁調用的方法中,將會 ...
  • 這個模式是我覺得最好懂的模式。 外觀(Facade)模式 定義: 外觀模式是一種結構型模式。它為更大的代碼體提供了一個方便的高層次介面,能夠隱藏其底層的真實複雜性。簡單說就是——小介面有大智慧。 例子: 使用jQuery的$(el).css()或$(el).animate()方法時,實際上我們是在使 ...
  • 本文為原創文章,未經允許不得轉載 Zookeeper原生API使用 1、jar包引入,演示版本為3.4.6,非maven項目,可以下載jar包導入到項目中 2、創建zookeeper連接 ZooKeeper(java.lang.String connectString, int sessionTim ...
  • 先說下為什麼翻譯這篇文章,既定的方向是架構,然後為了學習架構就去學習一些架構模式、設計思想。 突然有一天發現依賴註入這種技能。為了使得架構可測試、易維護、可擴展,需要架構設計為松耦合類型,簡單的說也就是解耦。為瞭解耦前面的人提出各種理論,主要思想是控制反轉,而現在主流的主要是兩個:依賴註入、服務定位 ...
  • 本文為原創文章,未經允許不得轉載 zookeeper 單機安裝配置 1、安裝前準備 linux系統(此文環境為Centos6.5) Zookeeper安裝包,官網https://zookeeper.apache.org/,演示版本zookeeper-3.4.7.tar.gz linux系統(此文環境 ...
  • 1、關於頁面元素的引用 通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jquery對象才能使用jquery定義 ...
  • 說到本地存儲,這玩意真是歷盡千辛萬苦才走到HTML5這一步,之前的歷史大概如下圖所示: 最早的Cookies自然是大家都知道,問題主要就是太小,大概也就4KB的樣子,而且IE6只支持每個功能變數名稱20個cookies,太少了。優勢就是大家 都支持,而且支持得還蠻好。很早以前那些禁用cookies的用戶也都 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...