使用js內建物件document對html的標籤做一些動態的操作

阿新 • • 發佈：2019-01-05

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js內建物件</title>
    <script>


//        第一大作用
//        1.1所有的全域性變數都是windows的屬性
//        1.2全域性的函式都是Windows的函式
        var age = 12;
        console.log(window.age);
//        全域性的函式
        function 
 Dog() {
            console.log('這是一個可愛的方法');
        }
        Dog();
        window.Dog()




    </script>
</head>
<body>

</body>
</html>

Document

<script>
    //documnenet內建物件的作用
    //動態獲取網頁中標籤節點
    //對獲取到內容，進行增刪改查

// 利用document寫一些東西
document.write(‘你好世界!’);
document.write(‘’);
document.write(‘

’)

</script>

比如實現一個標籤顯示與隱藏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>圖片的影藏</title>




</head>
<body>
    <img class="icon" src="img/dkls.png">
    <p id="word">這裡的風景很美</p>
    <p></p 
>
    <button>隱藏</button>

    <script>
        //拿到所有操作的標籤;
        var icon = document.getElementsByClassName('icon')[0];
        var p = document.getElementById('word');
        var btn = document.getElementsByTagName('button')[0];
        //        監聽按鈕的點選

        console.log(btn);



        btn.onclick = function () {

//            影藏css屬性


            if(btn.innerText =='隱藏'){


                p.style.display = 'none';
                icon.style.display = 'none';
                btn.innerText = '顯示';


            }else {
                p.style.display = 'block';
                icon.style.display = 'inline-block';
                btn.innerText = '隱藏';

            }


        }



    </script>



</body>
</html>

使用js內建物件document對html的標籤做一些動態的操作

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

封裝一個方法實現js內建物件array的indexOf()方法

indexOf()方法需要單獨進行封裝的可能原因：陣列的位置方法是ECMAScript5為陣列例項新增的，所以支援的瀏覽器只有：IE9+、Firefox2+、Safari3+、Opera9.5和Chrome function ArrayIndexOf(arr,value){

web前端學習（四）JavaScript學習筆記部分（6）-- js內建物件

1、JS內建物件-什麼是物件 1.1、什麼是物件：　　JavaScript中的所有事物都是物件：字串、數值、陣列、函式　　每個物件帶有屬性和方法　　JavaScript允許自定義物件 1.2、自定義物件：　　1.定義並建立物件例項　　2.使用函式來定義物件，然後建立新的物件例項小紙

Js內建物件（global和Math）

Global物件（全域性物件） 1、encodeURI(URIString) 功能：將字串作為URI進行編碼，返回值為URIstring 的副本。 2.encodeURIComponent(URIString) 功能：將字串作為URI元件進行編碼，返回值為URIstring的副本。

js內建物件學習筆記

mark相關的知識點：首先，什麼是js的內建物件，它包括了些什麼內容？（以下內容轉自網上資源的整合）（W3shool JS手冊地址： http://www.jb51.net/w3school/js/js_reference.htm）作為一門程式語言，JavaScript提供

JS內建物件方法

　　最近，感覺JS有些方法忘記了，這幾天會抽空複習的，先從陣列方法開始，然後是字串方法，然後Math方法，在Data方法。　　我儘可能的全面，但有些真的忘了，甚至忘得連一點印象也沒了。　　array方法：　　　　ES6：　　　　　　　　find:引數為回撥函式，回撥函式可以接收3個引數，值x，索引 i

Js內建物件---陣列Array

1.陣列的瞭解：陣列是一個用於儲存批量資料的資料結構，陣列是按照線性結構來儲存資料的。附加：陣列開闢的空間是連續的。 2.陣列的建立 <script> // 1.建立一個空陣列 var arr = []; var arr

js內建物件程式設計練習

程式設計練習某班的成績出來了，現在老師要把班級的成績打印出來。效果圖: XXXX年XX月X日星期X--班級總分為:81 格式要求： 1、顯示列印的日期。格式為類似“XXXX年XX月XX日星期X” 的當前的時間。 2、計算出該班級的平均分（保留整數）。同學成

JS內建物件、函式內建物件、宿主物件

一、JS內建物件： Data、Math、Array、String、Number、Boolean、RegExp （1）Data 屬性: constructor 所建立物件的函式參考 prototype 能夠為物件加入的屬性和方法方法: getDay() 返回一

JS內建物件 Array

JS的內建物件主要分為四大類：Array String Math Date,我們主要介紹ArrayArray 陣列內的每一項都可以儲存任意型別的資料，陣列的大小可根據需要進行調整。1. 建立 a. 使用建構函式: var colors= n

使用js內建物件arguments求函式的所有引數的和

今天做一個面試題時遇到一個問題，如下：函式 useArguments 可以接收 1 個及以上的引數。請實現函式 useArguments，返回所有呼叫引數相加後的結果。本題的測試引數全部為 Numb

js內建物件

1）Number 建立方式： var num = new Number(value); var num = Number(value); 屬性和方法： toString()，valueOf()（返回一個Number物件的基本數字值） 2）Boolean 建立

Selenium Webdriver 的使用java執行js程式碼解決 ScriptEngine不支援瀏覽器內建物件window,document的問題

問題場景：使用java 掉用js程式碼，發現 ScriptEngine不支援瀏覽器內建物件window,document的問題；問題一：為什麼要用java掉用js程式碼？比如在抓取(爬取)對方網站時，需要破解一些js邏輯程式碼合作加密演算法，但是js混淆了

js中的內建物件，宿主物件和自定義物件

JS中，可以將物件分為“內建物件”、“宿主物件”和“自定義物件”三種。 1，內建物件 js中的內建物件包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各種錯誤類物件，包括Erro

Thymeleaf 之內建物件、定義變數、URL引數及標籤自定義屬性_Thymeleaf

如標題所述，這篇文章主要講述Thymeleaf中的內建物件（list解析、日期格式化、數字格式化等）、定義變數、獲取URL的引數和在頁面標籤中自定義屬性的應用。如果對Thymeleaf的基本使用、maven依賴等不清楚的可以先閱讀我的另一篇文章《Thymeleaf 之初

js學習-內建物件

JS學習-js內建物件其實，說到js內建物件其實就是js本身給我們提供的基礎物件，它們和我們自己建立的物件其實是一樣的，有屬性，有方法。我理解的（非常歡

先有物件還是先有函式，雞生蛋、蛋生雞的問題。有關js裡內建物件Function和Object的思考

js裡建立的函式本身作為一個例項物件都是由內建物件Function作為建構函式創造出來的，所謂var f = funciton(a){b}即等同於f = new Function（a，b）。同時js裡Object也是一個建構函式，因此他也是Function加工出來的。

JavaScript-05-內建物件window和document

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Yuanti SC"; color: #000000; background-color: #ffffff } 一、window 全域性函式+動態跳轉:window.location.href

面試題7：介紹JS的基本資料型別以及JS的內建物件

基本資料型別：Undefined Null Boolean Number String內建物件：Object是Javascript中所有物件的父物件資料封裝物件：Object Array Boolean Number Strin

js--4.內建物件-6.String

1 String 1.1 建立字串在底層字串是以字元陣列的形式儲存的["H","e","l"] 1.2 屬性 Length 用於返回String物件的長度 1.3 方法 2 方法 2.1 索引 2.1.1 char

使用js內建物件document對html的標籤做一些動態的操作

相關推薦