菜鳥教程--筆記

注意細節(jié):

1徘钥、在標(biāo)簽中填寫 onclick 事件調(diào)用函數(shù)時,不是onclick=函數(shù)名仲义, 而是onclick=函數(shù)名+()产弹,代碼如下:

<script>

????function myfunction(){????? ? document.getElementById("demo").innerHTML="onclick事件觸發(fā)";????????}</script>????</head><body>????<h1 id="demo">一個段落</h1>????<button onclick="myfunction()" type="button">點擊這里</button></body>

2、外部 javascript 文件不使用<script>標(biāo)簽床估,直接寫 javascript 代碼含滴。

3、HTML 輸出流中使用 document.write丐巫,相當(dāng)于添加在原有html代碼中添加一串html代碼谈况。而如果在文檔加載后使用(如使用函數(shù)),會覆蓋整個文檔递胧。

使用函數(shù)來執(zhí)行document.write代碼如下:

<script>function myfunction(){????document.write("使用函數(shù)來執(zhí)行doucment.write碑韵,即在文檔加載后再執(zhí)行這個操作,會實現(xiàn)文檔覆蓋");}document.write("<h1>這是一個標(biāo)題</h1>");document.write("<p>這是一個段落缎脾。</p>");</script><p >您只能在 HTML 輸出流中使用 <strong>document.write</strong>祝闻。

如果您在文檔已加載后使用它(比如在函數(shù)中),會覆蓋整個文檔遗菠。</p><button type="button" onclick="myfunction()">點擊這里</button>

document.write是直接寫入到頁面的內(nèi)容流联喘,如果在寫之前沒有調(diào)用document.open, 瀏覽器會自動調(diào)用open。每次寫完關(guān)閉之后重新調(diào)用該函數(shù)辙纬,會導(dǎo)致頁面被重寫豁遭。

? innerHTML則是DOM頁面元素的一個屬性,代表該元素的html內(nèi)容贺拣。你可以精確到某一個具體的元素來進行更改蓖谢。如果想修改document的內(nèi)容,則需要修改document.documentElement.innerElement譬涡。?

? innerHTML很多情況下都優(yōu)于document.write闪幽,其原因在于其允許更精確的控制要刷新頁面的那一個部分。


DOM 解釋

您會經(jīng)澄性龋看到document.getElementById("id")沟使。

這個方法是 HTML DOM 中定義的。

DOM (Document Object Model)(文檔對象模型)是用于訪問 HTML 元素的正式 W3C 標(biāo)準(zhǔn)渊跋。

格式<script>

那些老舊的實例可能會在 <script> 標(biāo)簽中使用 type="text/javascript"腊嗡。

現(xiàn)在已經(jīng)不必這樣做了。

JavaScript 是所有現(xiàn)代瀏覽器以及 HTML5 中的默認腳本語言拾酝。

腳本位置

在 <head> 或者 <body> 的JavaScript

外部腳本不能包含 <script> 標(biāo)簽燕少。

輸出數(shù)據(jù)

window.alert() 彈出警告框。

document.write() 方法將內(nèi)容寫到 HTML 文檔中蒿囤。

innerHTML 寫入到 HTML 元素客们。

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

輸出內(nèi)容

使用 document.write() 向文檔輸出寫內(nèi)容材诽。

如果在文檔已完成加載后執(zhí)行 document.write底挫,整個 HTML 頁面將被覆蓋

寫到控制臺(調(diào)試模式)

使用 console.log() 方法在瀏覽器中顯示 JavaScript 值。

F12 啟用調(diào)試模式脸侥, 在調(diào)試窗口中點擊 "Console" 菜單建邓。


document.getElementByle() 和 document.write() 的區(qū)別

document.write() 方法可以用在兩個方面:

1、 頁面載入過程中用實時腳本創(chuàng)建頁面內(nèi)容睁枕,用來追加一些標(biāo)簽官边。

2、清除當(dāng)前頁面內(nèi)容(包括源文檔的任何變量或值)外遇。重新生成內(nèi)容注簿。

它的第 2 點和 document.getElementByle() 相區(qū)別。前者在清除全部頁面內(nèi)容跳仿,然后生成新的內(nèi)容诡渴,即“覆蓋文檔"。

<script>function myFunction(){?

? ? document.write("糟糕菲语,文檔丟失了")}</script><button type="bulbon" onclick="myFunction()">覆蓋文檔</button>

點擊按鈕妄辩,括號里的內(nèi)容則會全部覆蓋文檔。

后者:

<script>document.getElementById("three").innerHTML="段落已修改谨究。";</script>

這個僅僅只是替換了 id 為 three 里的內(nèi)容恩袱,沒有覆蓋頁面。



JavaScript是弱類型編程語言,定義變量都使用 var 定義,與 Java 這種強類型語言有區(qū)別.

在定義后可以通過typeOf()來獲取JavaScript中變量的數(shù)據(jù)類型.

// Number 通過數(shù)字字面量賦值?

?// Number 通過表達式字面量賦值

// String 通過字符串字面量賦值

// Array? 通過數(shù)組字面量賦值?

// Object 通過對象字面量賦值

有個情況需要特別注意:typeof 不能用來判斷是 Array 還是Object

var arr = []typeof(arr) === 'object'? // true

結(jié)果為true胶哲。

當(dāng)然你可以使用其他方式來判斷:

1畔塔、使用 isArray 方法

var cars=new Array();cars[0]="Saab";cars[1]="Volvo";cars[2]="BMW";// 判斷是否支持該方法if (Array.isArray) {? ? if(Array.isArray(cars)) {? ? ? ? document.write("該對象是一個數(shù)組。") ;? ? }}

2鸯屿、使用 instanceof 操作符

var cars=new Array();cars[0]="Saab";cars[1]="Volvo";cars[2]="BMW";if (cars instanceof Array) {? ? document.write("該對象是一個數(shù)組澈吨。") ;}


??參考地址

介紹JS中的let變量:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允許你聲明一個作用域被限制在塊級中的變量、語句或者表達式寄摆。在Function中局部變量推薦使用let變量谅辣,避免變量名沖突。


計算機

更多實例

https://c.runoob.com/codedemo/3015

https://c.runoob.com/codedemo/4026

https://c.runoob.com/codedemo/4721

https://c.runoob.com/codedemo/3654

https://c.runoob.com/codedemo/4786

https://c.runoob.com/codedemo/3124

https://c.runoob.com/codedemo/3880

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末婶恼,一起剝皮案震驚了整個濱河市桑阶,隨后出現(xiàn)的幾起案子柏副,更是在濱河造成了極大的恐慌,老刑警劉巖蚣录,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件割择,死亡現(xiàn)場離奇詭異,居然都是意外死亡萎河,警方通過查閱死者的電腦和手機荔泳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來虐杯,“玉大人玛歌,你說我怎么就攤上這事∏嬉” “怎么了支子?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長确憨。 經(jīng)常有香客問我译荞,道長,這世上最難降的妖魔是什么休弃? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任吞歼,我火速辦了婚禮,結(jié)果婚禮上塔猾,老公的妹妹穿的比我還像新娘篙骡。我一直安慰自己,他們只是感情好丈甸,可當(dāng)我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布糯俗。 她就那樣靜靜地躺著,像睡著了一般睦擂。 火紅的嫁衣襯著肌膚如雪得湘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天顿仇,我揣著相機與錄音淘正,去河邊找鬼。 笑死臼闻,一個胖子當(dāng)著我的面吹牛鸿吆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播述呐,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼惩淳,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了乓搬?” 一聲冷哼從身側(cè)響起思犁,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤代虾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后抒倚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體褐着,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年托呕,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片频敛。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡项郊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出斟赚,到底是詐尸還是另有隱情着降,我是刑警寧澤,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布拗军,位于F島的核電站任洞,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏发侵。R本人自食惡果不足惜交掏,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望刃鳄。 院中可真熱鬧盅弛,春花似錦、人聲如沸叔锐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽愉烙。三九已至讨盒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間步责,已是汗流浹背返顺。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留勺择,地道東北人创南。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像省核,于是被迫代替她去往敵國和親稿辙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,927評論 2 355

推薦閱讀更多精彩內(nèi)容

  • www.runoob.com/js/js-intro.html 改變 HTML 內(nèi)容 改變 HTML 樣式 驗證輸...
    一只dororo閱讀 1,065評論 0 1
  • 1气忠、創(chuàng)建圖片鏈接 2邻储、用table實現(xiàn)頁面布局(不建議) 3赋咽、不間斷空格(Non-breaking Space) ...
    一只dororo閱讀 1,126評論 0 1
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,197評論 0 3
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu))吨娜,知道了CSS樣式(也稱為表示)脓匿,會使用HT...
    凜0_0閱讀 2,772評論 0 8
  • 月光柔軟 滿滿地鋪了一地 蘸冬寫春 一行是風(fēng) 一行是云 聆聽夜 月華里細雨的點滴 老瓦房,大槐樹 光陰就這么溜走 ...
    上善若水_cd86閱讀 529評論 16 26