javascript之对象-优快云博客

本文链接：https://blog.youkuaiyun.com/chejinqiang/article/details/44117013

本文通过展示使用JavaScript操作DOM和创建动态效果的示例代码，深入探讨了如何利用JavaScript实现网页与用户的交互，包括页面元素的修改、窗口大小变化、震动效果、页面加载事件处理以及动态内容生成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>innerHTML属性</title>

</head>
<body>
<script>
alert(document.documentElement.innerHTML);
</script>
</body>
</html>

<html>
<head>


</head>
<body>
<script>
var func=new Function("a","b","alert(this==window)");
func(3,4);
func.call(Object,3,4);


</script>
</body>
</html>

<html>
<body>
<script>
function getosinfo(){
var os="δ֪";
var userinfo=navigator.userAgent;
var windows=(navigator.platform=="Windows")||(navigator.platform=="Win32");
os=null;
if(windows){
var win7=userinfo.indexOf("Windows NT 6.1")>-1;
if(win7)
os="windows 7";
}
return os;
}
alert(getosinfo());





</script>
</body>
</html>

<html>
<head>
<title>
</title>
<script language="javascript" type="text/javascript">
window.resizeTo(400,400); //改变窗口大小
var loop=0;//设置震动次数
var offx;
var offy;
var dir=1;//震动方向 -1，1
var timer;//定时器引用
timer=setInterval(function(){
window.moveTo(500,180);
if(loop > 100){
clearInterval(timer);}
dir=Math.random()*10>5?1:-1;
offx=Math.random()*20*dir;
offy=Math.random()*20*dir;
window.moveBy(offx,offy);
loop++;
},10);
</script>
</head>
<body>
</body>
</html>

window.resizeTo(400,400); //改变窗口大小
var loop=0;//设置震动次数
var offx;
var offy;
var dir=1;//震动方向 -1，1
var timer;定时器引用
timer=setInterval(function(){
window.moveTo(500,180);
if(1oop>100)
clearInterval(timer);
dir=Math.random()*10>5?1:-1;
offx=Math.random()*20*dir;
offy=Math.random()*20*dir;
window.moveBy(offx,offy);
loop++;
},10);

<html>
<head>
<script>
document.onreadystatechange=function(){
if(document.readyState=="complete")
alert("dom模型构建完成");
}
</script>
</head>
<body>
<div id="before">
立即显示
</div>
<script>
for(var i=0;i<10000;i++){
document.getElementById("before").innerHTML="立即显示";}
</script>
<div id="after">
延迟显示
</div>

</body>



</html>