1. 程式人生 > >慕課網之javascript入門

慕課網之javascript入門

真的是 right gin 瀏覽器 方式 range 效果 是我 縮小

這是我的第一篇博客,從今天開始會記錄自己學到的東西,希望自己能學到越來越多。

JavaScript輸出:document.write()四種方式:

1.直接輸出雙引號裏的內容 document.write(" ");

2.輸出變量名,如: var mychar="hello";document.write(mychar);

3.利用加好"+":document.write(mychar+"hello");

4.輸出html標簽,標簽使用雙引號" "括起來:document.write(mychar+"<br/>"); 我剛沒想起來這個,又回去看了一遍,真的是渣渣orz!

再追加下CSS布局之寬度或者高度自適應,可以用百分比來設置。

什麽叫自適應呢?就是當你拖動瀏覽器窗口,放大或者縮小,它還是會按照瀏覽器窗口沒有變化前那樣布局。

用position:absolute實現自適應寬度三欄布局:

設計一個三列布局,左邊固定寬度200px,height:400px;右邊固定width:300px,height:400px;中間為自適應(用margin)。這裏如果設置left,right用float會達不到想要的效果。

.left{width:200px;height:400px;background-color:red;position:absolute;top:0;left:0;}

.mid{height:400px;background-color:blue;margin:0 310px 0 210px;}

.right{width:300px;height:400px;background-color:orange;position:absolute;right:0;top:0;}

慕課網之javascript入門