`
andy136566
  • 浏览: 290562 次
  • 性别: 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保存文本文件到本地的两种方法

    但是JavaScript不仅仅局限于网页上的交互,它还可以执行文件保存操作,即将数据保存到用户的本地计算机上。本文将介绍如何使用JavaScript保存文本文件到本地的两种方法,并将分别解释每种方法的工作原理及其应用场景...

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

    注意,这种方法存在安全风险,因为它涉及到操作系统级别的操作,并且用户可能不会看到实际保存的位置。 对于现代浏览器,HTML5引入了File API,允许JavaScript直接操作文件。然而,浏览器出于安全考虑,并不直接...

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

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

    javascript点击保存图片到手机本地文件

    `images`目录可能存放待保存的图片资源;`js`目录中的JavaScript文件则包含实现图片保存功能的代码。通过分析这些文件,你可以进一步了解并实践上述步骤,完成图片保存到手机本地的功能。记得在实际应用中,要考虑到...

    javascript禁止保存网页

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

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

    标题中提到的是JavaScript实现将文件保存到本地的方法汇总,具体的知识点涵盖了以下三个方面: 1. 使用JavaScript保存文件到本地的基本方法和原理。在Web开发中,通常我们没有直接的方法去保存文件到用户的设备上,...

    JavaScript Tools Guide CC.pdf

    3. **脚本事件**:Photoshop支持通过JavaScript设置脚本事件,当特定事件触发时(如打开文件、保存文件等),会自动执行相应的脚本代码。 4. **图层和对象操作**:JavaScript允许对Photoshop中的图层、选区、路径、...

    大学生javascript课程设计

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

    javascript

    虽然JavaScript本身无法持久化数据,但可以通过Cookie、LocalStorage或SessionStorage在浏览器端暂时保存数据。例如,当用户增加或减少商品数量时,这些变化会存储在这些机制中。 4. 动态计算:购物车中的物品数量...

    JavaScript 参考手册集合 chm版打包

    使用`var`、`let`或`const`关键字来声明,它们可以用来保存各种数据类型,如数字、字符串、布尔值、null、undefined等。 2. **数据类型**:JavaScript有两类数据类型——基本数据类型(如前面提到的)和引用数据...

    JavaScript语言

    JavaScript可以通过`&lt;script&gt;`标签插入HTML文档的任何位置,或者单独保存为.js文件并链接到HTML中。变量命名规则要求变量只能包含字母、数字和下划线,且不能以数字开头。 总的来说,JavaScript是Web开发中不可或缺...

    javaScript小游戏

    例如,通过比较玩家位置和障碍物位置来判断是否发生碰撞。 9. **响应式设计**:为了适应不同设备和屏幕尺寸,小游戏应考虑响应式设计,使用CSS媒体查询和JavaScript来调整布局。 10. **AJAX与API**:虽然不是所有...

    JavaScript精彩网页特效实例

    1. `localStorage`和`sessionStorage`:提供本地存储功能,用于保存用户数据和页面状态。 2. IndexedDB:更强大的数据库存储,适用于大量数据的本地存储。 九、JavaScript库和框架 1. jQuery:简化DOM操作,提供...

    javascript五子棋源码

    1. 落子合法性检查:每次落子前,JavaScript会检查该位置是否已被占用,以及是否违反游戏规则(如不能在同一位置重复落子)。 2. 连珠判断:JavaScript会遍历棋盘,检查当前棋子与已落棋子的连线,判断是否存在五个...

    Html和JavaScript实现文件保存

    Html和JavaScript实现文件保存

    JavaScript获取,设置光标位置,兼容InputTextArea

    如果要在特定位置插入文本,可以先保存旧的光标位置,插入文本,然后更新光标位置: ```javascript let oldCursorPos = input.selectionStart; input.value = input.value.slice(0, oldCursorPos) + '新文本' + ...

    Photoshop-CS6-JavaScript.zip

    例如,你可以用JavaScript来创建、修改或保存文档,调整图像属性,处理图层,或者实现批量处理任务。 4. **事件处理**:JavaScript可以监听Photoshop中的事件,如打开文件、保存文件或用户交互,然后根据这些事件...

    javascript参考教程javascript高级教程javascript权威指南(第四版)

    PDF格式适合在线阅读和保存,而DOC格式则可以方便地编辑和注释,适合个人学习笔记或教学材料。 总的来说,这些资源构成了一套完整的JavaScript学习路径,无论你是初学者还是有经验的开发者,都能从中获得宝贵的知识...

    javaScript实现另存为功能

    通过调用`click()`方法,浏览器就会弹出“另存为”对话框,让用户选择保存位置和文件名。 具体代码示例: ```javascript // 假设content是你要保存的内容 var content = '...'; // HTML或其他文本 // 创建Blob对象...

Global site tag (gtag.js) - Google Analytics