慕课网之javascript入门

Posted 2020-10-12

这是我的第一篇博客，从今天开始会记录自己学到的东西，希望自己能学到越来越多。

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;}