html5 個人筆記

2022-03-10 00:35:00 字數 2831 閱讀 2071

妙味 html5  1.0

doctype html

>

<

html

>

<

head

lang

="en"

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

head

>

<

body

>

<

div

class

="a"

>3434

div>

<

script

>

//var obj=document.queryselector("div");

varobj

=document.queryselector(".a

");//queryselector(); 可以選擇 標籤 類 id 只選擇第乙個, queryselectorall() 先所有 ie9以上相容

//var obj=document.getelementsbyclassname("a"); /* 選擇 class元素 ie9以上相容*/

obj.style.backgroundcolor='

blue';

script

>

<

div

id="div1"

class

="box1 box2 box3"

>div

div>

<

script

>

varodiv

=document.getelementbyid(

"div1");

odiv.classlist.add(

'box4');

odiv.classlist.toggle(

'box2

');

//切換class 有 box2就刪除,沒有就新增

//remove() length()

script

>

<

script

>

//eval : 可以解析任何字串變成js

//parse : 只能解析json形式的字串變成js (安全性要高一些)

/*var str = 'function show()';

eval(str);

show();

*//*

var str = ''; //一定是嚴格的json形式 字串轉換成json

var json = json.parse(str);

alert( json.name );

*//*

var json = ; // 把 json轉成 字串

var str = json.stringify(json);

alert( str );

*//*

var a=

var b=a;

b.name='123';

alert("a.name: "+a.name); // a.name: hello a變了

*//*

var a=

var b={};

for(var attr in a)

b.name='123';

alert("a.name: "+ a.name); // a.name: he 不改變

*//*

var a=

var b=json.parse(str);

b.name='55';

alert("a.name: "+ a.name); // a.name:he 不改變

*/script

>

<

h1>獲取自定義屬性,jquery-mobile 喜歡自定義屬性

h1>

<

input

type

="button"

value

="隨機選擇"

id="input1"

>

<

div

id="div5"

>

div>

<

script

>

varoinput

=document.getelementbyid(

'input1');

varodiv

=document.getelementbyid(

'div5');

varjson

={};

//json物件裡面存陣列

oinput.onclick

=function

() window.onhashchange

=function

()

function

randomnum(iall,inow)

//alert(arr);

for(

vari=0

;i<

inow;i++)

return

newarr;

}/*var a={};

a[1]=1;

// alert(typeof(a)); // 檢視資料型別

*/script

>

body

>

html

>

html5個人筆記

阿西,生氣,好不容易寫的忘記儲存,開啟只剩下一片空白了,只好再來一次了 6.9,這是第三次的第二次,由於漫長的寒假剛剛過去,又迎來了暑假,所以打算嗯嗯嗯,然後因為這是自學的應該會有很多的不足,希望能寫的比上一次好那麼一點點點點,好好學習 b 粗體 i 斜體 u 下劃線 ul 無序列表 這是網頁名稱t...

HTML5基礎(三) 個人筆記

form可以與table 一起使用,使得頁面更規整,漂亮 基本屬性如下 1.fieldset 顯示表單外邊框 2.legend 在外邊框上顯示文字 與fieldset聯合使用 3.action 用來指定表單元素提交到伺服器位址 4.method 用來制定提交資料的方法 get 預設 post 表單元...

HTML5個人向基礎總結

常見的影象格式 行內元素 列表的分類 有序列表 j a python 運維前段 c c 定義列表 學科j a python linuxc位置 西安上海 廣州基本結構 音訊元素 元素名描述 header 標題頭部區域的內容 用於頁面或頁面中的一塊區域 footer 標記腳部區域的內容 用於整個頁面或頁...