JS学习笔记

最新推荐文章于 2024-03-04 01:36:32 发布

zhengqiqiqinqin

最新推荐文章于 2024-03-04 01:36:32 发布

阅读量3.8k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/zhengqiqiqinqin/article/details/8916459

版权

Javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

1.在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。

<!DOCTYPE html>
<html>
<body>

<script>
document.write(Date());
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>

<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>

</body>
</html>

提示：绝不要使用在文档加载之后使用document.write()（比如在函数中使用这会覆盖该文档。）

上面的例子是直接在script标签中输出，如果在函数中输出document.write() 会覆盖的，见下面的例子：

//大家可以直接复制过去，看看效果

<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button οnclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};

for (x in person)
{
document.write(x+" "); //注意此处：这样会覆盖掉下面的
//document.getElementById("demo").innerHTML=txt;可以删除document.write(x+" "); 这句话，然后

//看看效果就明白了
alert("x= "+x);
txt=txt + person[x];
}

document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

参考见：http://www.w3school.com.cn/js/js_intro.asp

http://www.w3school.com.cn/tiy/t.asp?f=js_intro_document_write

2.Window 尺寸

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight
document.documentElement.clientWidth

或者

document.body.clientHeight
document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：

实例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

zhengqiqiqinqin

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS学习笔记

1.在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。document.write(Date());JavaScript 能够直接写入 HTML 输出流中：document.write("This is a heading");document.write("This is
复制链接

扫一扫

专栏目录