慕課網之javascript入門

標籤：引號   osi   利用   absolute   設定   html標籤   慕課   javascrip   col   

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

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入門