`
andy136566
  • 浏览: 285181 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JavaScript位置存放

阅读更多

[装]:http://blog.sina.com.cn/s/blog_66087e6f0100n30d.html

代码如下:

<html>
<head>
    <title></title>
    <style type="text/css">
        #p{
            font-size:22px;
            color:blue;
            width:150px;
            height:150px;
            border:1px solid #000;
        }

        #c{
              font-size:11px;
            margin-left:20px;
            margin-top:10px;
            width:100px;
            height:100px;
             border:1px solid #000;
        }
    </style>
    <!--不能把 javascript放到这里-->
</head>
<script type="text/javascript">
        var p=document.getElementByIdx_x("p");
        var c=document.getElementByIdx_x("c");

        alert("按确定键观察父节点改变效果");

        with(p.style){
           fontSize ="18px";
           color="black";
           background="red";
        }
         alert("按确定键观察子节点改变效果");

           with(c.style){
            fontSize ="22px";
            background="LightGrey"
        }
    </script>
<body>
    <!--父节点-->
    <div id="p">父节点
        <div id="c">子节点
        </div>
    </div>
</body>
<!--javascript要放到body下面,或者body前面-->
 <script type="text/javascript">
        var p=document.getElementByIdx_x("p");
        var c=document.getElementByIdx_x("c");

        alert("按确定键观察父节点改变效果");

        with(p.style){
           fontSize ="18px";
           color="black";
           background="red";
        }
         alert("按确定键观察子节点改变效果");

           with(c.style){
            fontSize ="22px";
            background="LightGrey"
        }
    </script>
</html>

 

JS位置存放:
对于JS在什么时候应该包含在head中,什么时候应当包含在body中,人们有着不同的看法。但下面的规则是适用的:
1. 当JavaScript要在页面加载过程中动态建立一些Web页面的内容时,应将JavaScript放在body中。
2. 定义为函数并用于页面事件的JavaScript应当放在head标记中,因为它会在body之前加载。
放置脚本的一个很好的经验规则是:仅当页面载入期间脚本会建立一些Web页面内容时,才将脚本嵌入在body中;否则,将其放在head元素中。采用这种方法,页面就不会被脚本搞得一团糟,在每个页面中,总可以在同一个位置找到脚本。
有种方法可以避免将JavaScript插入到body中,即使用DOM生成一个新内容,再将其附加给一个页面元素

分享到:
评论

相关推荐

    可保存位置并自动吸附的JavaScript拖动层.rar

    可保存位置并自动吸附的JavaScript拖动层.rar可保存位置并自动吸附的JavaScript拖动层.rar可保存位置并自动吸附的JavaScript拖动层.rar可保存位置并自动吸附的JavaScript拖动层.rar可保存位置并自动吸附的JavaScript...

    javascript禁止保存网页

    javascript禁止保存网页,由http://www.che2.com/提供

    使用JavaScript保存文本文件到本地的两种方法

    今天小编就为大家分享一篇关于使用JavaScript保存文本文件到本地的两种方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

    javascript 保存文件 (含两种方法)

    包含IE 支持版本(ActiveXObject)的纯文本文件保存js代码示例和基于HTML5完成文件保存(FileSaver.js)示例。

    大学生javascript课程设计

    JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。...而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

    javascript获取浏览器临时目录

    javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录

    javascript完全学习手册1 源码

    11.1.7 保存用户登录状态 314 11.2 文件处理 318 11.2.1 FileSystemObject对象 319 11.2.2 Drive对象 324 11.2.3 Folder对象 327 11.2.4 File对象 331 11.2.5 资源管理器 337 第12章 JavaScript与Ajax 348 12.1 Ajax...

    深入理解JavaScript系列(汤姆大叔)

    格式:ZIP 目录: 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点 ...本人将汤姆大叔(原文译者)的大作,保存收藏起来,并打包成ZIP格式,方便以后学习查阅。同时,在此分享给大家,方便下载!

    FileSaver.js 实现浏览器端文件保存的JavaScript 库

    FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存。FileSaver.js 在客户端保存文件的解决方案,并且...是一种简单易用实现的利用 JavaScript/JS 在浏览器端保存文件的方案。

    JavaScript权威指南第五版【新】(犀牛书)

    选择解除,然后保存修改。 JavaScript权威指南,著名的犀牛书:) This Fifth Edition is completely revised and expanded to cover JavaScript as it is used in today's Web 2.0 applications. This book is ...

    03-SuperMap iClient for JavaScript_地图对象开发.pdf

    SuperMap iClient for JavaScript

    程序天下:JavaScript实例自学手册

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    javascript动态添加表格数据行

    javascript动态添加表格数据行 ...本文,我将以一个类似的例子来做一个前台用Javascript动态添加数据项,后台保存到数据库的例子。 浏览器:IE.6.0 后台:ASP (VBScript ) 前台:HTML + JavaScript

    javascript 使用手册

    JavaScript 简介  JavaScript 是网景(Netscape)公司开发的一种基于客户端浏览器、面向(基于)对象、事件驱动式的网页脚本语言。JavaScript语言的前身叫作Livescript。 JavaScript的特点: 简单、易学、易用; ...

    javascript实现将文件保存到本地方法汇总

    本文给大家汇总介绍了3中使用javascript实现将文件保存到本地的方法,非常的简单实用,有需要的小伙伴可以参考下。

    javascript完全学习手册2 源码

    11.1.7 保存用户登录状态 11.2 文件处理 11.2.1 FileSystemObjeet对象 11.2.2 Drive对象 11.2.3 Folder对象 11.2.4 File对象 11.2.5 资源管理器 第12章 JavaScript与Ajax 12.1 Ajax概述 12.1.1 ...

    javaScript实用教程--网站形式-入门___赵丰年

    作为一种通用的脚本语言,JavaScript 具有所有相关的编程语言特性,例如,通过变量保存数据,通过运算符进行计算,以及通过函数获得程序的模块化和功能的简化等等。本章介绍有关 JavaScript 作为一种编程语言的基础...

    javaScript实现另存为功能

    用javaSCript实现浏览器的SavaAs功能,填出文件选择Diolag对话框。 用javaSCript实现浏览器的SavaAs功能,填出文件选择Diolag对话框。

    Maintainable.JavaScript

    当你写代码的时候,你有很多的回旋余地。但当你开始编写代码作为一个团队的一部分,你需要努力思考你做出的决定。这本书将帮助你这样做。...现在保存这本书的副本。这是唯一的资源,只关注JavaScript约定

    编写可维护的JavaScript(中文)

    《编写可维护的JavaScript》向开发人员阐述了如何在团队开发中编写具备高可维护性的JavaScript代码,书中详细说明了作为团队一分子,应该怎么写JavaScript。本书内容涵盖了编码风格、编程技巧、自动化、测试等几方面...

Global site tag (gtag.js) - Google Analytics