js特效操作

一、根據元素的id找到該元素，存於乙個變數中：

var a = document.getelementbyid("id");

然後可以對該元素的屬性進行操作：

a.setattribute("屬性名","屬性值"); 設定乙個屬性，新增或更改都可以；

a.getattribute("屬性名")；獲取屬性的值；

a.removeattribute("屬性名")；移除乙個屬性。

例題1：做乙個問題，如果輸入的答案正確則彈出正確，錯誤彈出錯誤；

重點關注：daan="2023年"

body中**：

function check()

else  
}

body中的**：

var n=10;

var a= document.getelementbyid("b1");
function bian()
else    
}window.settimeout("bian()",1000);

var a = document.getelementbyid("id")；

然後可以對該元素的屬性進行操作：

a.style="" ； 操作此id樣式的屬性。

樣式為css中的樣式，所有的樣式都可以用**進行操作。

document.body.style.backgroundcolor="顏色"； 整個視窗的背景色。

三、var a = document.getelementbyid("id");找到a；

var b = a.nextsibling，找a的下乙個同輩元素，注意包含空格.//弟弟

var b = a.previoussibling，找a的上乙個同輩元素，注意包含空格；//哥哥

var b = a.parentnode，找a的上一級父級元素；

var b = a.childnodes，找出來的是陣列，找a的下一級子元素；

var b = a.firstchild，第乙個子元素，lastchild最後乙個，childnodes[n]找第幾個；

var obj = document.createelement("標籤名")；建立乙個元素 

obj.innerhtml = "hello world";新增元素的內容。

a.removechild(obj);刪除乙個子元素。

四、字串的操作：

var s = new string(); 或var s ="aaaa";

var s = "hello world";

alert(s.tolowercase());轉小寫 touppercase() 轉大寫

alert(s.substring(3,8));從第三個位置擷取到第八個位置

alert(s.substr(3,8));從第三個位置開始擷取，擷取八個字元長度，不寫後面的數字是截到最後.

s.split('');將字元換按照指定的字元拆開，放入陣列，自動排序

s.length是屬性

s.indexof("world");world在字串中第一次出現的位置，沒有返回-1

s.lastindexof("o");o在字串中最後一次出現的位置

五、日期時間的操作

var d = new date();當前時間

d.setfullyear(2016,7,8);/*在想要設定的月份上減1設定*/輸出的是2016,8,8.

d.getfullyear:取年份；

d.getmonth():取月份，取出來的少1； 

d.getdate():取天； 

d.getday():取星期幾

d.gethours():取小時； 

d.getminutes():取分鐘；d.getseconds():取秒

六、數學函式的操作

math.ceil();大於當前小數的最小整數，取上限，4.4-5

math.floor();小魚當前小數的最大整數，取下限，4.4-4

math.sqrt();開平方

math.round();四捨五入

math.random();隨機數，0-1之間.

七、小知識點

外面雙引號，裡面的雙引號改為單引號；

文字框取出來的值是字串，需要用parseint（）轉化為數字；

s.match(reg); s代表乙個字串，reg代表乙個字串，兩者進行匹配，如果兩個字串不匹配，返回乙個null；

在div裡面行高設定時 (line-height:)，內容所占用的行預設垂直居中。如下圖：12345678所佔的行相對div的上邊距為50px。

例如：12345678

js簡易網頁特效

上一月 span nian 2022 span next 下一月 span p yue 一月 h5 title 日 li 一 li 二 li 三 li 四 li 五 li 六 li ul date ul div let date newdate 獲取預設時間物件 add 當頁面第一次進入時觸發一下 ...

js雪花飄落特效

呼叫 new snows 外掛程式封裝 注 固定引數不可在呼叫時配置 var pluginname snow defaults var snow function opt snow.prototype else if reset this sy isquick math.random this op...

Canvas時鐘特效 JS效果

今天上傳乙個前一陣子做的canvas例項，時鐘特效，是根據課程編寫的，主要的是js和canvas html charset utf 8 body canvascss 重點來了 js window.onload function ogc.closepath ogc.stroke ogc.fillsty...