`

js util

阅读更多

http://www.ilovejs.net/archives/category/javascript   js优化

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>js_function.html</title>
 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
   
     function compile(ptn) {
      if (ptn != undefined) {
       if (ptn == '' || !window.RegExp) {
              return function(val) { return val == ptn; }
          } else {
              var reg = new RegExp(ptn);
              return function (val) {
                  if (val == '') {
                   return true;
                  }
               return reg.test(val); }
          }
      }
      return function(val) { return false; }
  }
  
  
  var StrutsUtils={};
  //从node结点开始查找,下一个标签名称为tagName的结点
  StrutsUtils.nextElement = function(node, tagName) {
    if(!node) { return null; }
    do {
      node = node.nextSibling;
    } while(node && node.nodeType != 1);
  
    if(node && tagName && tagName.toLowerCase() != node.tagName.toLowerCase()) {
      return StrutsUtils.nextElement(node, tagName);
    }
    alert(node.innerHTML);
    return node; 
  };

  //在onload方法中增加一个函数,以免覆盖
  StrutsUtils.addOnLoad = function(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
      window.onload = func;
    } else {
      window.onload = function() {
        oldonload();
        func();
      }
    }
  };

  //event,增加监听
  StrutsUtils.addEventListener = function(element, name, observer, capture) {
     if (element.addEventListener) {
       element.addEventListener(name, observer, false);
     } else if (element.attachEvent) {
       element.attachEvent('on' + name, observer);
     }
   };
     
  function a(){alert('a');};
  function b(){alert('b');};

  alert("1.head内部");

  StrutsUtils.addOnLoad(a());
  StrutsUtils.addOnLoad(b()); 

  function listener(){
   alert('listener');
  }

  
    </script>

  </head>
   <script type="text/javascript">alert('2.head与body之间');</script>
   <body onclick="" onload="">
  <!--  alert(StrutsUtils.nextElement(this.firstChild,'p'))-->
    This is my HTML page. <br>
   
    <p id="p1">haha
    <p> 我爱你
    <p>啥
    <script type="text/javascript">
    window.onload=function(){
        alert('4.body内部');
        StrutsUtils.addEventListener(document.getElementById('co'),'mouseover',listener);
 }
    </script>
   
    gghhg
    <span id="co" onmouseover="this.attachEvent('onclick', function(){alert('ddd');})">一小部分内容</span>
  </body>
  <script type="text/javascript">alert('3.body与html之间');</script>
</html>

 

javascript的执行顺序

1.head标签内部先执行

2.head与body之间

3.body与html之间

4.最后body内部执行

 

分享到:
评论

相关推荐

    javascript util

    一个便捷的javascript封装的工具包,如果你熟悉jquery的话,那么对于这里面的函数一定会让你感到很上手,因为设计思路类似于jquery,里面封装了一些非常常用dom操作、ajax等函数,例如: 去除字符串两边的空格 var result ...

    Utiljs一些很实用的javaScript函数封装集合

    Util.js 是一个非常实用的JavaScript库,它封装了一系列常见的功能函数,旨在简化开发过程,提高代码的可复用性和效率。这个库涵盖了多种类别,包括处理数组、浏览器特性、日期操作、函数辅助、数学计算、媒体操作、...

    dwr包.rar dwr.jar engine.js util.js dwr-noncla.jar readme.txt

    dwr包.rar dwr.jar engine.js util.js dwr-noncla.jar readme.txt JAR File: dwr.jar (1.08Mb) To DWR enable your web-app WAR File: dwr.war (4.62Mb) Demos/Examples of what DWR can do Sources: dwr-...

    jsutil:js实用程序功能

    var urlOfUtilDotJs = 'https://jsutil37.github.io/jsutil/util.js'//workaround for import.meta not being supported by firefoxfunction getPathOfUtilDotJs ( ) { return urlOfUtilDotJs }&lt;/ script &gt;&lt...

    dwr 例子,jar包,engine.js util.js 学习笔记

    这个压缩包包含的是DWR的实例、相关的jar包以及两个重要的JavaScript文件——`engine.js`和`util.js`,这些都是学习DWR的关键组件。 1. **DWR基础概念**: DWR的核心功能是提供一种方式,使得客户端JavaScript可以...

    dwr.jar engine.js util.js,Dwr相关

    "util.js"是DWR的实用工具脚本文件,它提供了一些辅助函数和通用功能,帮助开发者更好地管理和操作DWR的API。例如,它可能包含一些用于数据验证、对象序列化或调试的函数,这些函数在编写DWR应用时非常有用。 DWR的...

    dwr util.js

    - **对象管理**:`util.js`包含对JavaScript对象的管理功能,如创建、复制、合并对象,以及检查对象类型等。 - **数组操作**:提供了一系列处理数组的函数,如查找、排序、遍历等。 - **字符串处理**:包括格式化...

    JavaScriptUtil 混淆加密源码

    直接调用obfuscateScript方法对js进行混淆加密。 对于格式错误的js加密无效

    engine.js和util.js

    这是dwr需要的engine.js和util.js,Engine.js与util.js不同之处在于,util.js是静态js文件,可以直接从jar文件中拿出来,页面可以直接引用;而engine.js则有部分动态内容,这决定了它必须经过servelt资源请求,在...

    z-util:企业应用程序的javascript util集合

    企业应用程序的javascript util集合 模组 └── src ├── base64.js ├── cache.js ├── cookie.js ├── device.js ├── file.js ├── format.js ├── helper.js ├── image.js ├── ...

    pure-js-util:一个纯 js util 集合 - 原子的,独立的

    纯js-util 一个纯 js util 集合 - 原子的,独立的为什么我在一堆项目中写了一堆实用程序/助手的东西,这是这些的集合。 有时我用 jQuery 编写它们,有时用 angular 编写它们,我想让它们“独立”。 引用了“独立”,...

    speedTest:JS util 来测试函数的速度

    在JavaScript开发中,性能优化是一项至关重要的任务。为了评估代码执行效率并进行性能优化,开发者经常需要使用一些工具来测试函数的运行速度。"speedTest"是一个JavaScript实用工具,专门用于测量函数执行的速度,...

    DWR(包括engine.js+util.js).rar

    这个压缩包包含了DWR的核心组件`engine.js`和辅助库`util.js`,它们是实现DWR功能的关键。 `engine.js`是DWR的核心脚本,它实现了JavaScript和Java之间的远程调用(Remote Procedure Calls, RPC)。这个文件处理了...

    node-util:node.js util模块作为模块

    如果您的Node.js代码运行, util是内置的。如果在浏览器中运行代码,比如捆扎机或还包括util模块。 但是,如果这些都不适用,请使用npm执行: npm install util 用法 var util = require ( 'util' ) var ...

    33-util (实用工具).pdf

    好的,以下是针对“33-util (实用工具).pdf”中提到的Node.js内置模块`util`的详细知识点解析: `util`模块是Node.js的核心模块之一,提供了多种实用的工具函数,帮助开发者处理各种常见的编程任务。这个模块包含了...

    PyPI 官网下载 | flask_util_js-0.2.10.tar.gz

    《PyPI官网下载 | flask_util_js-0.2.10.tar.gz——深入解析Python Flask实用工具库》 在Python的Web开发领域,Flask框架以其轻量级、灵活和可扩展性而广受欢迎。PyPI(Python Package Index)作为Python软件包的...

    util.js资源文件

    使用util.js工具类可以在前端页面直接获取地址栏的参数的值

    zrn-utils:js util工具库,总结收藏和学习js

    本项目为我的js util工具库,总结收藏和学习js (参考项目地址)[] 发布方法 npm login zhangrn 记得要修改一次版本号 每次发布 函数API说明 * 使用方法 全局引入使用 npm i zrn-utils --save import utils from 'zrn...

    memoizer.js:一个javascript util函数来记住任何函数

    memoizer.js 一个javascript util函数来记住任何函数 这是我在某些项目中使用的util函数,我想我应该将其共享为开源代码。 它非常易于使用且轻巧。 有关用法的示例,请参见test.html。

    nestjs-util

    "nestjs-util"很可能是一个NestJS的实用工具库,为开发者提供了一些方便的功能,帮助他们更高效地开发NestJS应用。 在描述中未给出具体信息,但我们可以根据"nestjs-util"这个名字推测,这个库可能包含了各种常用的...

Global site tag (gtag.js) - Google Analytics