前端初探 JavaScript

2021-07-26 16:12:18 字數 1254 閱讀 1223

如果說html

是乙個簡單的靜態網頁,就像人素顏一樣。

css樣式會讓頁面更加酷炫,就像化上妝一樣,

js讓頁面可以動態變化,給頁面新增了動畫效果,檢測訪客的瀏覽資訊。

事件繫結有三種:

第一種:

在html

標籤中進行事件繫結

在頁面中:function  tnbclick()

第二種:物件.事件

=fn;

例如document.getelementbyid(

"id名稱")

.事件=function(){}

第三種:表單的繫結  document.forms(index).οnsubmit=function();

新增元素:

建立標籤物件

createelement

建立文字

createtextnode

新增屬性

obj.setattribute(name,value)

新增子元素

省市二級聯動

var arr0 = new array("海淀","昌平","朝陽");

var arr1 = new array("吉林","長春","四平");

var arr2 = new array("濟南","青島","煙台");

var arr = new array(arr0, arr1 ,arr2); //當下拉框改變時才會觸發 下拉框改變事件

function changepro()

省二級聯動  新增城市的時候:

也可以用建立節點新增文字的方式:

var optobj=document.createelement("option");  //建立 標籤

var textobj=document.createtextnode(cityarr[i]);//建立文字節點 :海淀 昌平

bom物件

定時器和清除定時器

setinterval()

定時器好比是乙個週期迴圈的鬧鐘,

clearinterval()

清除定時器好比

手動將鬧鐘關掉,這裡還有只響一次的鬧鐘

settimeout()

和清除鬧鈴的

cleartimeout()

Javascript彈出層 初探

ife2016 task 37 function addmask drag 新建 遮罩層 和 彈出層 omask的寬度高度 給到當前螢幕可視區域的 寬高 float居中定位position absolute top 50 left 50 transform translate 50 50 body....

Web前端CSS初探

通過對 css和 html 中div 的簡單設定就可以做乙個非常漂亮的頁面,只不過就是有點繁瑣,不過只要有耐心,做乙個簡單的好看的頁面還是可以的。css中最最基礎的是對和文字的設定。頁面大多都是有文字和組成的,對文字和的設定是最基本要學會的。文字設定 也許剛開始學習的時候不是特別明白為什麼對文字進行...

前端混沌元件初探

混沌即混沌工程,首先我們得知道混沌工程是什麼。混沌工程起源於netflix公司,netflix公司的工程師建立了一種驗證服務可靠性的測試工具chaos monkey。使用這個工具,可以在我們的web系統中隨機的製造一些麻煩,比如觸發網路異常,流量激增,容器退出等異常,我們可以在這些異常發生時,觀察我...