html在head的js里如何修改body区的内容

html在head的js里如何修改body区的内容,第1张

大侠,那直接先把body style="display:none"

<script>

windowonload=function(){

documentgetElementsByTrgName("body")[0]styledisplay="";

}

</script>

这样还是 等页面解释完毕了再显示,不使用onload,就把这段代码放在页面尾部。

使用两个方法都可以:documentgetElementById("文本框ID")value、documentgetElementByName("文本框名字")value

前提是你文本框要带id和name属性

您需要的功能可以利用AJAX来实现。下面是我写的代码读取一个文件并显示出来,供您参考。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>使用AJAX读取外部文件</title>

</head>

<body>

<div id="txt">外部文件内容</div>

<script>

if ( windowActiveXObject )         // windows 系统

    xml>

        //返回body下所有对象数组

        function getAll() {

            var objs = documentall;

            var length1;

            for (var i = 0; i < objslength; i++) {

                var obj = objs[i]tagName;

                if (obj == "body" || obj == "BODY") {

                    length1 = i+1;

                    break;

                }

            }

            var b_objs = new Array();

            for (var j = length1; j < objslength; j++) {

                b_objspush(objs[j]);

            }

            return b_objs;

        }

js没有提供获得body下的所有元素集合,只提供了获得全部标签的documentall

你可以用documentbodyscrollWidth

来获取,但兼容性本人没有做过测试。 给你个参考:网页可见区域宽:documentbodyclientWidth

网页可见区域高:documentbodyclientHeight

网页可见区域宽:documentbodyoffsetWidth(包括边线的宽)

网页可见区域高:documentbodyoffsetHeight(包括边线的宽)

网页正文全文宽:documentbodyscrollWidth

网页正文全文高:documentbodyscrollHeight

网页被卷去的高:documentbodyscrollTop(IE7无效)

网页被卷去的左:documentbodyscrollLeft(IE7无效)网页被卷去的高:documentdocumentElementscrollTop(IE7有效)网页被卷去的左:documentdocumentElementscrollLeft(IE7有效)

网页正文部分上:windowscreenTop

网页正文部分左:windowscreenLeft

屏幕分辨率的高:windowscreenheight

屏幕分辨率的宽:windowscreenwidth

屏幕可用工作区高度:windowscreenavailHeight

屏幕可用工作区宽度:windowscreenavailWidth

相对于窗口左上角的X:windoweventclientX相对于窗口左上角的Y:windoweventclientY

相对于整个页面的X:windoweventX

相对于整个页面的Y:windoweventY

以上就是关于html在head的js里如何修改body区的内容全部的内容,包括:html在head的js里如何修改body区的内容、如何通过JS来获取文本框内容、如何用JS获取外部脚本的文件内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9574575.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存