精华内容
下载资源
问答
  • JavaScript运行在html中,引用有几种...第一种:外部引用远程JavaScript文件,如(相对路劲)或者是(绝对路劲); 第二种:直接用写在页面上,如: 1 2 3 4 5 type="text/javascript">    doc

    JavaScript运行在html中,引用有几种方式?

    我知道的方法有3种:

    第一种:外部引用远程JavaScript文件,如<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>(相对路劲)或者是<script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>(绝对路劲);

    第二种:直接用写在页面上,如:

    1
    2
    3
    4
    5
    <script type="text/javascript">
     
      document.write('这里是一行JavaScript代码1');
     
    </script>

    第三种:在JavaScript代码中引用外部js:

    1
    2
    3
    4
    5
    6
    7
    8
    <script>
      window.onload = function(){
        var script = document.createElement("script");
        script.setAttribute("type","text/javascript");
        script.src = "http://common.cnblogs.com/script/jquery.js";
        document.getElementsByTagName("head")[0].appendChild(script);  
      }
    </script>

      

    2.JavaScript通常写在页面的什么位置?

    javascript的书写位置大致有3个地方:

    第一个地方:是head头部,比如:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>javascript引用方式</title>
    <script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
    <script>
        window.onload = function(){
            var script = document.createElement("script");
            script.setAttribute("type","text/javascript");
            script.src = "http://common.cnblogs.com/script/index.js";
            document.getElementsByTagName("head")[0].appendChild(script);  
        }
    </script>
    </head>

    第二个地方:body的任何位置,如:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <body>
        <script type="text/javascript" src="http://common.cnblogs.com/script/jquery.js"></script>
        <p>这里是一段文本!</p>
           <script>
              window.onload = function(){
             var script = document.createElement("script");
            script.setAttribute("type","text/javascript");
            script.src = "http://common.cnblogs.com/script/jquery.js";
            document.getElementsByTagName("head")[0].appendChild(script);  
          }
          </script>
    </body>

    第三个地方:以事件的形式写在标签上,如:

    1
    <p onClick="javascript:alert('叫你点,你就点啊!')">点我点我!</p>

      

    3.改变js加载顺序的方法有什么?

    JavaScript是有加载顺序的,不同的加载顺序可以会导致不同的结果,举个栗子:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script>
          var txt = document.getElementById("txt");
      alert(txt.innerHTML);
      </script>
      <div id="txt">我是一段文本,你不能找到我!</div>
       
      <div id="val">我也是一段文本,你能找到我!</div>
      <script>
          var txt = document.getElementById("val");
      alert(txt.innerHTML);
      </script>

    第一段js执行会出错,因为html代码运行是至上而下加载的,第一段JavaScript代码先执行,才执行下面的html代码,所以根本就找不到该DOM节点,就会报错,如果html先执行,在运行JavaScript代码,就像第二段,就可以运行成功!当然,我不是说一定要先执行html代码,在执行JavaScript代码,这个要依情况而定;

    再举一个栗子:

    1
    2
    3
    4
    <script>
    $(".calculator").fancybox();
    </script>  
    <script type="text/javascript" src="../js/jquery.fancybox.js"></script>

    上面的fancybox插件如果像上面这样的加载顺序去加载的话,一定是不能执行的,因为代码执行所依赖的js库是后面执行的,这里要讲的内容主要是想说明,如果是在使用一个插件,依赖某个js文件,一定要在前面先运行,不管是放在head头部,还是body中;

    上面的例子说明一点,不同的js执行顺序,执行的内容是不一样的,所以改变js文件的位置,就可以改变js的加载顺序(注:这里指的是单独的JavaScript文件或片段,不包含函数的顺序)。

    2015.11.05补充:感谢@橘色大耳朵猫 同学的提醒,这里的js的加载顺序指的是js文件在页面上的加载顺序,不是js程序的加载顺序,先理解这一点,如果说行内js事件代码也算是一个独立的js文件的话(也可以这么理解,毕竟可以独立运行),那这里的加载顺序也是自上而下的,和其他的文件的加载顺序是一样的,但是有一个非常特殊的事件例外,那就是“onload”事件,onload 事件会在页面或图像加载完成后立即发生(w3school上的解释),好难理解,通俗的讲就是,这个事件是在页面上的所以内容加载完成了,我才来执行这个函数,不管我这个时间定义在哪里都一样,没有顺序而言(本来嘛,我反正都是最后一个执行的,位置对于我来说已经没有意义了);除了onload,其他的事件都是按照顺序执行的。

    可能有人会问了,唉,不对啊,如果我是onclick事件,我点击之后,可能下一行运行的函数在我事件的前面呢,这不是改变了js执行的顺序吗?这怎么解释呢?

    如果你还是有这个疑惑,那请注意我在上一句描述上说的是“改变了js的执行顺序”,是执行顺序,不是加载顺序,执行顺序是程序内,加载顺序是文件之间的,比如说点击事件,你点击了,那js就已经经历了加载,然后执行了,如果你还是不理解,我就给你举一个现实生活中的例子:

    我手上有4个盒子,盒子里面有不同的东西,每个盒子都有编号(1,2,3,4),现在我把这4个盒子依次在桌子上,编号顺序随机,然后从左到右依次看一遍,盒子是开的,我就把东西拿出来(这里表示js自动执行);如果是关着的,就看下一个(这里表示是需要事件来出发的,如打开盒子这个动作),直到最后一个盒子看完,整个就完了,那盒子的顺序就是查看盒子的顺序,跟编号没关系(这里说的是文件的名字),onclick这样的事件就是盒子我已经过了一遍,现在有没有打开的盒子,我现在打开了,就是执行了这个事件,然而前面我们说了,盒子已经过了一遍,所以这个动作就不涉及整个过场顺序问题了,那onload是怎么回事呢,就是我有一个盒子放在一边,等其他盒子都看了,再看这个盒子(就是最后执行这个事件,onload是自动触发执行的),理解了吗?自己摆一摆。要是还不理解,那就去面壁思考吧!

     

     

    4.type属性都有哪些常用的值?代表什么意思?

    打开Dreamweaver(我比较喜欢用这个编辑器,习惯了他给的提示,别说我low哦),在<script>上打一个type,会有很多type属性,我们把他写下来,看看都有哪些:

    application/ecmascript   application/javascript  application/x-ecmascript  application/x-javascript  text/ecmascript  text/javascript  text/jscript  text/livescript  text/tcl  text/x-ecmascript  text/x-javascript

    oh,mygod!这么多!吓死宝宝了!

    在<link>上面打一下:

    text/css  text/javascript  

    还好只有2个!

    type属性在js上表示脚本的类型,即MIME类型,在link上表示叠层样式表的MIME类型,常用的就是2种(其他的不常用,也不知道是什么意思,用在什么情况,哪位大神帮忙科普一下):

    text/css (css文本,告诉浏览器是加载css样式)

    text/javascript  (JavaScript文本,告诉浏览器加载js代码)

    貌似解释的有点牵强,呵呵!

     

    5.除了type属性还有其他的什么属性?

    再次打开Dreamweaver,给的提示有这几个:async,defer,language,runat,src

    async:定义脚本是否异步执行,值为:async;

    defer:指示脚本不会生成任何文档内容,浏览器可继续解析并绘制页面。意思就是等文档加载完毕了再执行此js,要是想深入了解这个属性,可以参考这里,如果你英文比较好,可以看这里

    language:规定脚本的语言,现在使用type来替代了;

    runat:其值为server,表示是在服务器上运行此代码,客户端不运行,不常用;

    src:指外部脚本文件的引用路径

     

    6.js中常用的输出方式?

    js的输出方式大概有下面几种:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <div id="demo"></div>
      <script>
      //第一种
          document.write("<p>你在干嘛,你妈妈叫你回家吃饭!</p>");
      //第二种
      document.getElementById("demo").innerHTML = "我再玩会,我妈妈饭还没熟呢!";
      //第三种,提示框
      alert("谁家能叫我吃饭啊!");
      </script>
    展开全文
  • 一、引用外部文件js脚本 <scripttype="text/javascript"src="ext.js"></script> 也可以象下面这样写,language不是必要,但是推荐上面的写法 <scriptlanguage="javascript"type="text...

    比较简单,基础。

    一、引用外部文件中的js脚本

    <script type="text/javascript" src="ext.js"></script>

    也可以象下面这样写,language不是必要的,但是推荐上面的写法

    <script language="javascript" type="text/javascript" src="ext.js"></script>


    二、页面内引用:

    <script type="text/javascript"><![CDATA[var=0function//
    //]]></script>

    加上“//<![CDATA[” 和 “//]]>”是为了兼容XHTML,是推荐的写法,HTML时代一般用“<!--”和“//-->”

    三、在一些HTML控件的事件属性中使用(一般事件为onxxx,如onmouseover,onclick,onchange)

    <body onload="alert('loaded');">
    <input type="text" name="username" onclick="alert(this.value);" />

    四、在一些HTML控件的非事件属性中使用(注意:一定要加javascript:)

    <href="javascript:void(0);" onclick="alert(this.innerText);">my blog:http://blog.csdn.net/kimsoft</a>

    转载于:https://www.cnblogs.com/qiangxia/p/4362737.html

    展开全文
  • 在项目中发现了非常奇怪问题,发现是由于页面中引用的js文件没有加载,原因是由于script标签闭合不规范导致:  不规范的写法:  /script/etc/js/xtree.js"/>  规范的写法:  /script/etc/js/...

        在项目中发现了非常奇怪的问题,发现是由于页面中引用的js文件没有加载,原因是由于script标签的闭合不规范导致的:

            不规范的写法:

            <script type="text/javascript"src="<%=rootPath%>/script/etc/js/xtree.js"/>

            规范的写法:

            <scrip type="text/javascript"src="<%=rootPath%>/script/etc/js/xtree.js"></script>

             不规范的写法可能有些浏览器不能识别。切记,结束script引用时,要使用” </script>”,而不是简单的” />”

    展开全文
  • 配置文件的allow部分定义哪些类可以建立和转换,每个被准许的类都可以有一个'create'或者'convert'配置行.下面列出的类的转换在默认情况下不需要进一步的设置. 1、所有基本类型,boolean,int,double等等 2、基本类型...
  • 在CommonJS模块规范下,每个文件都是一个模块module。...为了写法简单每个文件的最顶部都有: exports = module.exports 因此exports导出文件时不能写exports = XXX,因为exports是指向modelu.exports的,...

    在CommonJS模块规范下,每个文件都是一个模块module。

    如何让文件之间互相访问?
    每个文件都有一个暴露向外的借口exports对象,exports对象上的属性都可以被外部文件中引用。
    为了写法简单每个文件的最顶部都有:

    exports = module.exports
    

    因此exports导出文件时不能写exports = XXX,因为exports是指向modelu.exports的,只能在exports上添加需要导出的属性,exports.a=a
    因此module.exports与exports是同一个对象,只是用的时候需要注意,不能给exports直接赋值,会导致exports不再指向module.exports

    export是ES6的语法,export导出的是一个对象,export {a},需要在导入的时候指定同样的属性名,import {a} from ‘…’
    export default 导出可以不需要指定相同的属性名。

    展开全文
  • 但是引用别人编写模块的前提是要有统一的“打开姿势”,如果每个人有各自的写法,那么肯定会乱套,下面介绍几种JS的模块化的规范。 一:模块化进程一:script标签 这是最原始的 JavaScript 文件加载方式,如果把每一...
  • 在开发过程中发现旧代码中有很多常见不合适的写法,结合这些问题,如何写出更好,更规范的,更可维护代码,就是这篇文章要阐述内容。首先我查看了该Web页面HTML代码,发现了一些典型问题:HTML页面...
  • 在开发过程中发现旧代码中有很多常见不合适的写法,结合这些问题,如何写出更好,更规范的,更可维护代码,就是这篇文章要阐述内容。 首先我查看了该Web页面HTML代码,发现了一些典型问题: ...
  • mavenpom文件中version使用,版本定义、版本约定、版本范围、版本排除、版本锁定、版本常量等 1.参考资料 maven版本规范(七) maven 依赖规则&版本锁定 Maven 依赖范围 Maven详解之------maven版本管理 ...
  • JS模块化与项目构建

    2020-11-25 22:03:20
    2)如果将一个大的js文件根据一定的规范拆分成几个小的文件的话将会便于管理,可以提高复用性。 3)模块化在项目中十分的重要,一个复杂的项目肯定有很多相似的功能模块,如果每次都需要重新编写模块肯定既费时又耗力...
  • XML DTD

    2017-08-09 22:56:45
    1.我们经常在项目中看到一些xml配置文件,它们都有着固定的标签写法,那么这些规范是怎么定义的呢,一种方式...图上为mybatis配置文件xml中引入的规范文件中用到的标签以及各式都会遵循事先在dtd中写好的模板。2.dtd
  • 理解JS模块化

    2017-02-20 00:08:42
    但是引用别人编写模块的前提是要有统一的“打开姿势”,如果每个人有各自的写法,那么肯定会乱套,下面介绍几种JS的模块化的规范。 模块化进程一:script标签  这是最原始的 JavaScript 文件加载方式,如果...
  • JS模块化

    2018-08-30 11:38:43
    但是引用别人编写模块的前提是要有统一的“打开姿势”,如果每个人有各自的写法,那么肯定会乱套,下面介绍几种JS的模块化的规范。 模块化进程一:script标签 这是最原始的 JavaScript 文件加载...
  • 此外,摘要请采用第3人称的写法,也不必使用“本文”、“作者”、“该文”等作为主语。 7. 关于作者英文名字要求 姓氏第一个字母大写,单、双名第1个字母大写,双名中间不加连字符。例如: 李伟 Li Wei 张小军 ...
  • bootstrap用法

    2017-06-04 16:50:00
    是基于jQuery框架开发,目前本人还没有对jQuery有系统学习,所以这里主要是介绍bootstrap一些基本写法。 要使用bootstrap和其他框架一样,需要先下载工具包,并且在HTML中引用bootstrap.min.css或者bootstrap...
  • bootstrap框架基本用法

    2014-10-29 21:52:00
    bootstrap是一种高级前端开发工具包。它提供了优雅HTML和CSS规范,由动态CSS语言...要使用bootstrap和其他框架一样,需要先下载工具包,并且在HTML中引用bootstrap.min.css或者bootstrap.css文件,两者效果都...
  • js模块化编程

    2015-11-14 12:15:52
    整理js模块化编程资料 Javascript模块化编程(一):模块的写法...目前个人理解js模块化编程,是为了解决Javascript在客户端异步加载导致在库还没有成功时就被引用,以及全局加载Javascript文件导致页面响应问题。

空空如也

空空如也

1 2 3
收藏数 47
精华内容 18
关键字:

引用文件的规范写法