相等運算符,條件運算符,運算符的優(yōu)先級,分組,js操作屬性,js操作style屬性,js操作class,函數(shù),匿名函數(shù),函數(shù)預(yù)解析,傳參,return關(guān)鍵字,流程控制語句

相等運算符== 如果值的類型不同,則會自動進行類型轉(zhuǎn)換,然后在比較

===全等用來判斷兩個值是否全等,和相等類似,不同的是它不會自動類型轉(zhuǎn)換

null != 0? null == undefined NaN不和任何數(shù)相等包括它本身

isNaN判斷一個數(shù)是否是NaN

條件運算符:條件表達式?語句1:語句2;

運行時首先對表達式求值,為true執(zhí)行語句一 false執(zhí)行語句二

? ? ? ? var a = 10;

? ? ? ? var b = 20;

? ? ? ? var c = 30;

? ? ? ? var max = a > b ? a : b;

? ? ? ? max = c > max ? c : max;

? ? ? ? alert(max)

運算符的優(yōu)先級:, 運算符 用于分割多個語句,一般可以在聲明多個變量時使用

? ? ? ? var a,b,c;

? ? ? ? var a=1,b=2,c=3;

優(yōu)先級一樣的從左往右 可以使用()改變優(yōu)先級

語句:程序是由一條一條的語句組成

使用{}進行分組,稱作代碼塊 只有分組作用,不會把變量隔離

{

? ? ? ? ? ? alert('hello');

? ? ? ? ? ? console.log('你好');

? ? ? ? ? ? document.write('hello');

? ? ? ? }

js操作屬性:通過document來獲取整個網(wǎng)頁的屬性

? ? ? ? window.onload = function() {

? ? ? ? ? ? document.getElementById('div1').title = 'i love you'

? ? ? ? }

js換膚:

<link rel="stylesheet" href="css/1.css" id="link1">

? window.onload = function () {

? ? ? ? ? ? var link1 = document.getElementById('link1');

? ? ? ? ? ? link1.href = 'css/2.css'

? ? ? ? ? ? alert(link1.id)//讀屬性

? ? ? ? }

js操作style屬性:

? ? ? ? window.onload = function () {

? ? ? ? ? ? var div1 = document.getElementById('div1');

? ? ? ? ? ? // div1.style.color = 'red';

? ? ? ? ? ? div1.style.background = 'gold';

? ? ? ? ? ? div1.style.fontSize = '30px';//帶減號的用駝峰命名

? ? ? ? }

js操作class:

? ? ? ? window.onload = function () {

? ? ? ? ? ? var div1 = document.getElementById('div1');

? ? ? ? ? ? div1.className = 'box02';

? ? ? ? }

js中括號操作屬性:

window.onload = function () {

? ? ? ? ? ? var div1 = document.getElementById('div1');

? ? ? ? ? ? var attr = 'color';

? ? ? ? ? ? div1['style'][attr] = 'red';//中括號里邊可以寫變量

? ? ? ? ? ? var div1 = document.getElementById('div1');

? ? ? ? ? ? div1.innerHTML = '<a ; 添加標(biāo)簽? ,重繪

? ? ? ? }

? ? ? ? ? ? // innerHTML可以重繪頁面的一部分

? ? ? ? ? ? // document.write只能重繪整個頁面

js函數(shù):? ? ? ? function aa() {

? ? ? ? ? ? alert('hello');

? ? ? ? }

? ? <input type="button" value="彈框" onclick="aa()">按鈕添加點擊事件 調(diào)用函數(shù)

函數(shù)預(yù)解析:

會把定義的函數(shù)提前 和定義變量的聲明提前 但是賦值不提前

匿名函數(shù):

? ? window.onload = function () {

? ? ? ? ? ? var div = document.getElementById('div1');

? ? ? ? ? ? div.onclick = function () {

? ? ? ? ? ? ? ? alert('hello')

? ? ? ? ? ? }

? ? ? ? }

函數(shù)傳參:

var div = document.getElementById('div1');

function Style(style,val){

? div.style[style] = val;}

return關(guān)鍵字:

var c= a +b;

return c;

流程控制語句:

if(? ? 條件表達式? ? ){? ? 語句? ? ? }else{? ? ? ? 語句? ? }

先對if后面的表達式進行判斷 true執(zhí)行if后的語句 false執(zhí)行else后的語句

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容