JS引用另外JS文件的顺序问题。

1.在a.js中可以引用b.js文件,这样就可以在网页中只引用a.js文件,从而可以使用a.js和b.js文件中的所有方法。

引用格式如下:document.write(‘<script type="text/javascript" src="js/jquery-min.js"></script>‘);

2.这样引用以后发现一个问题,即b.js文件中的方法实际是在页面全部加载完成后才能使用。

例如,a.js中引用的是jquery.js文件,如果要在a.js文件中使用页面load事件,即jquery的格式

$(function($) {
        //初始化代码
    });

这样在a.js中会不认识$符号,即jquery.js文件实际未完全加载。

3.在页面加载完成后,使用按钮点击事件或者其他处理事件时就可以使用$函数符号,即这时jquery.js文件才加载完成,并且可以使用完整的方法。

时间: 2024-11-14 01:01:56

JS引用另外JS文件的顺序问题。的相关文章

ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法

最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下.... 1.路径问题 如果是一个单独的aspx页面调用此文件路径会是 1 <link type="text/css" rel="stylesheet" href="navigator/css/shou.css" /> 2 <script type="text/javascri

通过切换页面引用的js文件实现下拉框的联动

在之前的项目之中,页面最高的角色级别是城市级,一个页面最多是展示一个城市的信息. 因此为每个城市创建了一个js文件,在其中存放此城市的信息,如图: 在此我们关注js文件中存放的区县信息,以北京为例,其区县信息如图: var Districts=[{name:'昌平',index:0},{name:'朝阳',index:1},{name:'崇文',index:2},{name:'大兴',index:3},{name:'东城',index:4}]; 由于之前的页面最多加载某一城市的js文件,Dist

node.js如何引用其它js文件

以Java来说,比如要实现第三方存储,我可能需要导入对应的库,以maven为例,使用腾讯云或者七牛云.阿里云,我需要导入对应的maven依赖.再比如,有些时候我们封装某个类,而那个类不在该包下,我们需要导包(就是指定那个类的路径,如果路径不对,则可能出现找不到这个类之类的错误,通常对应的IDE会提示错误). 其实,node.js也是这样的.最近在开发node.js的时候,难免也会遇到需要引入其它js文件.今天我以一个简单示例来说一说node.js如何引用其它js文件. test01.js fun

【转】从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)

自己写的组件 有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持 支持正常的组件调用方式,也支持Vue.use, 也可以直接引用打包好的js文件, 配合vue.js 就不需要webpakc这种构建工具了,可以直接在页面内使用,下面以 ‘yyl-npm-practice’ 这个包为例 第一步:使用 vue init webpack-simple yyl-npm-practice   初始化项目 提示: 不要用 vue init webpack npm

js文件先后顺序加载的问题

<script type="text/javascript"> function loadScript(url, callback) { var _script = document.createElement("script"); _script.type="text/javascript"; if (_script.readyState) {//IE _script.onreadystatechange = function ()

JS在html中的执行顺序

一般来说在html页面中嵌入Javascript的方式有下面几种:1.放在页面的<script></script>标记之间:2.由<script>标记的src属性引入外部的js文件:3.放在页面元素的事件处理程序中,比如button的onclick事件中:4.作为URL的主体,使用Javascript:协议,比如<a href="window.open("about:blank");"></a>;5.Jav

js引用jquery问题

jquery本身就是一个JavaScript函数库,所以可以直接在js文件中写jquery代码. 但需要注意:jquery的使用需要引用官方的jquery.js文件. 关键:独立的js文件不需要引用任何jquery.js文件,只需要在相应的html网页中引用jquery.js和.js文件,jquery文件引用必须在.js文件之前.如下图: html文件: <script src="js/jquery-1.12.4.js"></script> //引用jquery

Asp.net MVC在View里动态捆绑压缩引用的js

前言 Asp.net MVC 4以上版本多了BundleConfig.RegisterBundles方法,可以把要捆绑的脚本或样式进行捆绑压缩,以减少客户端的请求次数从而提高了客户端的访问速度. 问题 但世上懒人的数量还是很多,我也是一个,觉得这个方法还不够方便.在实际中,一些小的页面或独立页面,开了一些开源的js库之后,js文件比较多,而且每个页面引用的js又不太一样,如果能不在BundleConfig描述如何捆绑,像传统一样把js拉过来就能自动达到捆绑后的效果,是懒人多想要的结果.正是朝着这

vs加js引用

今天又有一个同事问我“在VS中如何让一个JS文件智能提示另一个JS文件中的成员”,他说Google了一下,并没有找到答案,然后我把这个小技巧贴出来,希望能被Google到. 有时候会有这种情况:当我的一个Web页面引用了两个JS文件(假如分别叫common.js和JScript1.js),如果JScript1.js中需要调用大量的common.js中的方法,这时候在JScript1.js中智能提示(或叫显示文字自动完成)common.js中的成员就显得非常有必要了. 其实方法很简单,把commo