js基礎語法

- 1.如何插入js

<script type="text/javascript">

js代碼

</script>

- 2.引用外部文件

<script type="script.js"></script>

- 3.JS在頁面中的位置

javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先后順序的蚂踊,所以前面的script就先被執(zhí)行约谈。比如進行任何頁面顯示初始化的js必須放在head里面,因為初始化都要求提前進行(如給頁面body設置cee等);而如果是通過事件調用執(zhí)行的function那么對位置沒什么要求的棱诱。

- 4.什么是變量

語法:var 變量名

- 5.什么是函數

   函數代碼;
}```
#- 6.輸出內容
`document.write("I love" +"you"+"<br>");`
#- 7.警告
`alert("xxx");`
#-8. 確認

var message = confirm("你喜歡我嗎?");
if(message)
{
當用戶點擊“確定”按鈕時泼橘,執(zhí)行。
}
else
{
當用戶點擊"取消"按鈕時迈勋,執(zhí)行侥加。
}

#- 9.提問(prompt 消息對話框)
語法:`prompt(str1,str2);`
參數說明:
str1:要顯示在消息對話框中的文本,不可修改
str2:文本框中的內容粪躬,可以修改
返回值:
- 點擊確定按鈕担败,文本框中的內容將作為函數返回值。
- 點擊取消按鈕镰官,將返回null提前。

#- 10.打開新窗口(window.open)
語法: `window.open([URL],[窗口名稱],[參數字符串])`
參數說明:
**URL**:可選參數,在窗口要顯示網頁的地址或路徑泳唠。如果省略這個參數狈网,或者它的值是空字符串,那么窗口就不顯示任何文檔笨腥。
**窗口名稱**:可選參數拓哺,被打開窗口的名稱。
- 該名稱由字母脖母,數字士鸥,下劃線字符組成。
- "_top","_blank","_self"具有特殊意義的名稱谆级。
     _balnk:在你新窗口顯示目標網頁
    _self:在當前窗口顯示目標網頁
    _top:框架網頁中在上部窗口中顯示目標網頁烤礁。
- 相同name的窗口只能創(chuàng)建一個,要想創(chuàng)建多個窗口則name不能相同肥照。
- name不能包含有空格脚仔。
*參數字符串:*可選參數,設置窗口參數舆绎,各參數用逗號隔開鲤脏。
![參數表](http://img.mukewang.com/52e3677900013d6a05020261.jpg)

例如:打開http://www.imooc.com網站,大小為300px * 200px吕朵,無菜單猎醇,無工具欄,無狀態(tài)欄边锁,有滾動條窗口:

<script type="text/javascript">
window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes');
</script>

#- 11.DOM
文檔對象模型DOM(Document Object Model)定義訪問和處理HTML文檔的標準方法姑食。DOM將HTML文檔呈現為帶有元素,屬性和文本的樹結構(節(jié)點樹)茅坛。
- 元素節(jié)點:`<html>,<body>,<p>`等都是元素節(jié)點音半,即標簽则拷。
- 文本節(jié)點:向用戶展示的內容,如`<li>...</li>`中的JavaScript,DOM,CSS等文本
- 屬性節(jié)點 :如`<a>`標簽的鏈接屬性`href=""`曹鸠。

#- 12.DOM-通過ID獲取元素
語法:`document.getElementById("id")`.
![doucment.getElementById("ID")-例子](http://img.mukewang.com/52e4c5950001054207900423.jpg)
結果:`null`或`[object HTMLParagraphElement]`
#- 13.DOM-innerHTML屬性
語法:`Object.innerHTML`
- Object是獲取的元素對象煌茬,如通過`document.getElementById("ID")`獲取的元素.
- 注意書寫,`innerHTML`區(qū)分大小寫.
通過id="con"獲取<p>元素彻桃,并將元素的內容輸出和改變元素的內容坛善,代碼如下:
![innerHTML-例子](http://img.mukewang.com/52e4cd080001f01507220418.jpg)
結果:
![innerHTML-結果](http://img.mukewang.com/52e4cb5c000187ce03740251.jpg)

#- 14.DOM-修改HTML樣式Style
HTML DOM允許 JavaScript改變HTML樣式
語法:`Object.style.property=new style;`
![基本屬性表](http://img.mukewang.com/52e4d4240001dd6c04850229.jpg)
注意:該表只是一小部分CSS樣式屬性,其他樣式也可以通過該方法設置和修改邻眷。
改變<p>元素的樣式眠屎,將顏色改為紅色,字號20肆饶,顏色背景改為藍.

<p id="pcon">Hello World!</p>
<script>
var mychar = document.getElementById("pcon");
mychar.style.color="red";
mychar.style.fontSize="20";
mychar.style.backgroundColor ="blue";
</script>


#- 15.DOM-顯示和隱藏(display屬性)
語法:`Object.style.display=value`
value值:`none` (此元素不會被顯示)隱藏
                 `block` (此元素將顯示為塊級元素)顯示
  ![display-例子](http://img.mukewang.com/52e4dcf50001bead09310689.jpg)
#- 16.DOM-控制類名(className屬性)
語法`Object.className=classname`
作用:
- 獲取元素的class屬性
- 為網頁內某個元素指定一個css樣式來更改改元素的外觀
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末改衩,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子驯镊,更是在濱河造成了極大的恐慌葫督,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件板惑,死亡現場離奇詭異橄镜,居然都是意外死亡,警方通過查閱死者的電腦和手機冯乘,發(fā)現死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門洽胶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人往湿,你說我怎么就攤上這事妖异。” “怎么了领追?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長响逢。 經常有香客問我绒窑,道長,這世上最難降的妖魔是什么舔亭? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任些膨,我火速辦了婚禮,結果婚禮上钦铺,老公的妹妹穿的比我還像新娘订雾。我一直安慰自己,他們只是感情好矛洞,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布洼哎。 她就那樣靜靜地躺著烫映,像睡著了一般。 火紅的嫁衣襯著肌膚如雪噩峦。 梳的紋絲不亂的頭發(fā)上锭沟,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音识补,去河邊找鬼族淮。 笑死,一個胖子當著我的面吹牛凭涂,可吹牛的內容都是我干的祝辣。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼切油,長吁一口氣:“原來是場噩夢啊……” “哼蝙斜!你這毒婦竟也來了?” 一聲冷哼從身側響起白翻,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤乍炉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后滤馍,有當地人在樹林里發(fā)現了一具尸體岛琼,經...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年巢株,在試婚紗的時候發(fā)現自己被綠了槐瑞。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡阁苞,死狀恐怖困檩,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情那槽,我是刑警寧澤悼沿,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站骚灸,受9級特大地震影響糟趾,放射性物質發(fā)生泄漏。R本人自食惡果不足惜甚牲,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一义郑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧丈钙,春花似錦非驮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽芙扎。三九已至,卻和暖如春邀摆,著一層夾襖步出監(jiān)牢的瞬間纵顾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工栋盹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留施逾,地道東北人。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓例获,卻偏偏與公主長得像汉额,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子榨汤,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353

推薦閱讀更多精彩內容