web js的使用方法

2021-09-02 14:05:16 字數 4895 閱讀 2925

//var宣告變數//


var age;
//同時宣告多個變數//


var age, name, ***;


age = 10;


name = 'zs';
var num = 5;


console.log(num.tostring());
string()

string()函式存在的意義：有些值沒有tostring()，這個時候可以使用string()。比如：undefined和null
轉換成數值型別:number()

number()可以把任意值轉換成數值，如果要轉換的字串中有乙個不是數值的字元，返回nan
parseint()

var num1 = parseint("12.3abc");  // 返回12，如果第乙個字元是數字會解析知道遇到非數字結束


var num2 = parseint("abc123"); // 返回nan，如果第乙個字元不是數字或者符號就返回nan
parsefloat()把字串轉換成浮點數,parsefloat會解析第乙個. 遇到第二個.或者非數字結束,如果解析的內容裡只有整數，解析成整數;

var num1 = 5;


++ num1; 


var num2 = 6;


console.log(num1 + ++ num2);//num2先加1，後再列印輸出13
var num1 = 5;


num1 ++; //6 


var num2 = 6 


console.log(num1 + num2 ++);//先列印，後num+1，結果為12
前置++：先加1，後參與運算

後置++：先參與運算，後加1

上面兩個理解後，下面兩個自通

前置-- ：先減1，後參與運算

後置-- ：先參與運算，後減1

<  >  >=  <= == != === !==
==：數值上相等即可，不看資料型別如：「10」==10

===：數值上等於，資料型別一直

優先順序從高到底


1. () 優先順序最高


2. 一元運算子 ++ -- !


3. 算數運算子 先* / % 後 + -


4. 關係運算子 > >= < <=


5. 相等運算子 == != === !==


6. 邏輯運算子 先&& 後||


7. 賦值運算子 =
if (/* 條件表示式 */)
如果知道確切迴圈次數用for，如1++到100

如果不知道確切迴圈次數用while，如才1-100之間的乙個數：

switch (expression)
break如果省略，**會繼續執行下乙個case

switch 語句在比較值時使用的是全等操作符, 因此不會發生型別轉換（例如，字串』10』 不等於數值 10）

// for迴圈的表示式之間用的是;號分隔的，千萬不要寫成,


for (初始化表示式1; 判斷表示式2; 自增表示式3)
for(var i = 0; i < arr.length; i++)
function 函式名()
var fn = function()
函式名();
new object()建立物件

function createperson(name, age, job) 


return person;


}var p1 = createperson('張三', 22, 'actor');
function person(name,age,job)


}var p1 = new person('張三', 22, 'actor');
// 1 字元方法


charat() //獲取指定位置處字元


charcodeat() //獲取指定位置處字元的ascii碼


str[0] //html5，ie8+支援 和charat()等效


// 2 字串操作方法


concat() //拼接字串，等效於+，+更常用


slice() //從start位置開始，擷取到end位置，end取不到


substring() //從start位置開始，擷取到end位置，end取不到


substr() //從start位置開始，擷取length個字元


// 3 位置方法


indexof() //返回指定內容在元字串中的位置


lastindexof() //從後往前找，只找第乙個匹配的


// 4 去除空白 


trim() //只能去除字串前後的空白


// 5 大小寫轉換方法


to(locale)uppercase() //轉換大寫


to(locale)lowercase() //轉換小寫


// 6 其它


search()


replace()


split()


fromcharcode()


// string.fromcharcode(101, 102, 103); //把ascii碼轉換成字串
bom的頂級物件window

window.onload = function ()
window.onunload = function ()
var div = document.getelementbyid('main');


console.log(div);


// 獲取到的資料型別 htmldivelement，物件都是有型別的


// htmldivelement <-- htmlelement <-- element <-- node <-- eventtarget
根據標籤名獲取元素

var divs = document.getelementsbytagname('div');


for (var i = 0; i < divs.length; i++)
根據name獲取元素*

var inputs = document.getelementsbyname('hobby');


for (var i = 0; i < inputs.length; i++)
根據類名獲取元素

var mains = document.getelementsbyclassname('main');


for (var i = 0; i < mains.length; i++)
根據選擇器獲取元素

var text = document.queryselector('#text');


console.log(text);


var boxes = document.queryselectorall('.box');


for (var i = 0; i < boxes.length; i++)
var box = document.getelementbyid('box');


box.onclick = function() ;
var box = document.getelementbyid('box');


box.style.width = '100px';


box.style.height = '100px';


box.style.backgroundcolor = 'red';
var box = document.getelementbyid('box');


box.classname = 'clearfix';
document.write('新設定的內容標籤也可以生成


');
innerhtml

var box = document.getelementbyid('box');


box.innerhtml = '新內容新標籤


';
innertext(只能新增字串，不能新增各種標籤)

document.createelement()

var div = document.createelement('div');
在這裡插入**片// 建立乙個定時器，1000毫秒後執行，返回定時器的標示


var timerid = settimeout(function () , 1000);


// 取消定時器的執行


cleartimeout(timerid);
window.onload = function () 


window.onunload = function ()

pythonpip使用方法 pip使用方法整理

匯出專案已安裝的pip包 pip list 檢視專案中安裝的包 pip freeze requirements.txt 將專案中所用到的第三方庫輸出到requirements.txt中 pip install 版本號 pip install i 本次使用清華源進行安裝 離線安裝第三方庫 一鍵安裝整個...

機械秒錶的使用方法 秒錶的使用方法！

秒錶是一種常用的測時儀器。又可稱 機械停表 由暫停按鈕 發條柄頭 分針等組成。它是利用擺的等時性控制指標轉動而計時的。它是利用擺的等時性控制指標轉動而計時的。在它的正面是乙個大表盤，上方有乙個小表盤 圖1.4 2 秒針沿大表盤轉動，分針沿小表盤轉動。分針和秒針所指的時間和就是所測的時間間隔。在表正上...

使用方法 離型劑使用方法

1 使用離型劑前必須確保模具乾淨，無粉塵 蠟垢 樹脂垢 油汙等殘留物質。可以使用專用的模具潔模劑進行清洗，不可用其他液體清洗，以免清洗不乾淨或損壞模具。另外，如果您的模具是新的，在清洗乾淨後，務必要對模具進行初步處理，用離型劑在模具表面噴 刷塗5 6次，之後方可正常投入生產。2 使用離型劑時，首先要...