js include(如何实现Javascript的include功能)

2024-07-23 03:15:39 22

js include(如何实现Javascript的include功能)

本文目录

如何实现Javascript的include功能

js为什么需要include?让我们想想这样1个场景,a.js 需要用到1个公用的common.js,当然你可以在用到a.js的页面使用《script src="common.js"》,但假设有5个页面用到了a.js,你是不是要写5遍《script。而且要是以后a.js 又需要引用common2.js,你是不是又的修改5个页面了? 已有js include的一些问题   在写这个之前在网上搜索了些资料,发现以前写的include都存在2个问题,这也是include需要解决的比较重要的2个问题。   1、相对路径的问题: 在a.js中使用include("../js/common.js"); include 函数中肯定是使用相对路径,是相对a.js的路径。而a.js在html中使用《script》嵌入有可能是相对路径,有可能是绝对路径。 include函数如何才能真正确定common.js的绝对路径,或者是相对html的相对路径。网上一些为了解决这个问题,还需要加一些js变量,不方便。   2、引用的问题。 网上include函数的实现几乎都是使用下面2种方式插入common.js       document.write("《script src=’" + .. + "》《/script》")     或者       var s = document.createElement("script");       s.src = ...;       head.insertAfter(s,...);     document.write 输出的脚本会在a.js后面加载,而createElement("script")创建的脚本是非阻塞加载。 所以如果在common.js加载完毕之前,a.js中调用了common.js的函数就会报错。 实现   解决上面2个问题,就可以实现js include。   第1个问题,我的方法是先获取到a.js在html中的绝对路径(如果是相对路径,就转为绝对路径),然后再把common.js的路径转为绝对路径。   第2个问题,采用同步的ajax来请求common.js,这样就不会出现引用问题。   实现代码如下: 复制代码 代码如下:// 根据相对路径获取绝对路径 function getPath(relativePath,absolutePath){ var reg = new RegExp("\\.\\./","g"); var uplayCount = 0; // 相对路径中返回上层的次数。 var m = relativePath.match(reg); if(m) uplayCount = m.length; var lastIndex = absolutePath.length-1; for(var i=0;i《=uplayCount;i++){ lastIndex = absolutePath.lastIndexOf("/",lastIndex); } return absolutePath.substr(0,lastIndex+1) + relativePath.replace(reg,""); } function include(jssrc){ // 先获取当前a.js的src。a.js中调用include,直接获取最后1个script标签就是a.js的引用。 var scripts = document.getElementsByTagName("script"); var lastScript = scripts; var src = lastScript.src; ***隐藏网址***// a.js使用相对路径,先替换成绝对路径 var url = location.href; var index = url.indexOf("?"); if(index != -1){ url = url.substring(0, index-1); } src = getPath(src,url); } var jssrcs = jssrc.split("|"); // 可以include多个js,用|隔开 for(var i=0;i《jssrcs.length;i++){ // 使用juqery的同步ajax加载js. // 使用document.write 动态添加的js会在当前js的后面,可能会有js引用问题 // 动态创建script脚本,是非阻塞下载,也会出现引用问题 $.ajax({type:’GET’,url:getPath(jssrc,src),async:false,dataType:’script’}); } } 在a.js中直接使用 include("../js/common.js");

template.js中include的功能是什么

结构上非常简单,但template插件却提供了不错的模版功能,我们根据API来慢慢看这个框架。

如果在原型上添加方法,这一般都是暴露给外部调用的API 

使用标签后JavaScript不起作用

是否你在另一个页面中写了相同的方法也就是跟你的js代码相同的方法名? 问题补充回答:在js中写一个alert方法看是否进入到了你的js里面另外使用《%@ include file="文件路径" %》这个替换《jsp:include》试一试 继续补充回答:包含文件中要避免使用《html》、《/html》、《body》、《/body》,因为这将会影响在原来JSP 网页中同样的标签,这样做有时会导致错误。

js或者jquery怎么获取include嵌套的页面里面的值,求大神指点

《%@ include file="b.jsp"%》这种嵌套方式和直接吧b.jsp里面的内容直接复制到a.jsp里面的做法是一样的道理. 所以要想取得b.jsp里面的值, 平时怎么写就怎么写, 只要你确保include代码写在你取值的前面就行了

jsp:include js能共用么

分情况,你要是调用的A页面,那么B页面里引用c方法是有效的。如果是直接调用的B页面就不行了!你试试就知道了哦!!

在js中使用freemarker的标签比如 include 等

你可以用$(document).ready(function(){ $(’#div’).text(’《#include "uav/page/center.html" encoding="utf-8"/》’);});或者把你的这段js代码放到页面的末尾.都是等页面加载完再加载这段!

js include(如何实现Javascript的include功能)

本文编辑:admin

更多文章:


云计算架构师是干嘛的(云计算软件开发工程师是干什么的)

云计算架构师是干嘛的(云计算软件开发工程师是干什么的)

大家好,云计算架构师是干嘛的相信很多的网友都不是很明白,包括云计算软件开发工程师是干什么的也是一样,不过没有关系,接下来就来为大家分享关于云计算架构师是干嘛的和云计算软件开发工程师是干什么的的一些知识点,大家可以关注收藏,免得下次来找不到哦

2024年7月14日 16:25

grep正则表达式数字(正则表达式相关:grep和正则表达式有什么关系或联系或者说grep是什么常看到…)

grep正则表达式数字(正则表达式相关:grep和正则表达式有什么关系或联系或者说grep是什么常看到…)

本文目录正则表达式相关:grep和正则表达式有什么关系或联系或者说grep是什么常看到…shell (e)grep正则表达式问题grep正则表达式正则表达式判断字符串中包含数字,大写字符,小写字母,特殊符号中的几种怎么判断grep匹配正则表

2023年8月29日 23:00

网站架构设计(高端网站架构页面设计需要掌握哪些内容)

网站架构设计(高端网站架构页面设计需要掌握哪些内容)

各位老铁们,大家好,今天由我来为大家分享网站架构设计,以及高端网站架构页面设计需要掌握哪些内容的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!本文目录高端网

2024年7月10日 03:50

node video(用node.js怎么将采集到的视频实时的发送出去)

node video(用node.js怎么将采集到的视频实时的发送出去)

本文目录用node.js怎么将采集到的视频实时的发送出去nodeovideo特效在哪求分享 avs video editor 破解版视频剪辑软件哪个好用用node.js怎么将采集到的视频实时的发送出去你的C++返回指针是没用的,你需要在C+

2024年5月23日 15:04

jsp需要学吗(如何学习jsp建议现在学习jsp,在学习的时候要注意什么,给点建)

jsp需要学吗(如何学习jsp建议现在学习jsp,在学习的时候要注意什么,给点建)

各位老铁们,大家好,今天由我来为大家分享jsp需要学吗,以及如何学习jsp建议现在学习jsp,在学习的时候要注意什么,给点建的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,

2024年7月13日 07:40

史上最难英语单词(英语是世上最难学的语言吗)

史上最难英语单词(英语是世上最难学的语言吗)

本文目录英语是世上最难学的语言吗你觉得英语哪方面最难你会相信单词速记法这种东西吗为什么为什么英语成绩差背单词太“难”了,史上最强单词记忆法对中国人来说,最难学的外语是不是英语为什么外国人都说,中文是全世界最难的语言英语是世上最难学的语言吗不

2024年6月28日 12:20

类选择器是不是jquery选择器(请教jquery中class选择器)

类选择器是不是jquery选择器(请教jquery中class选择器)

本文目录请教jquery中class选择器JQuery之选择器请教jquery中class选择器在html的规范中,id是一个元素在整个源代码中独一无二的属性,而class做为css选择器,是为元素增加样式的手段,那么例如下面的结构:《di

2024年5月8日 09:30

eohs是什么意思(eo是什么意思)

eohs是什么意思(eo是什么意思)

本文目录eo是什么意思衣服标签上的eo是什么意思eo是什么意思eo指EO核心价值观。EO创业家协会在1987年以YEO(青年创业家协会)为原型, 创立是全球首屈一指的创业家协会,作为一家非盈利机构EO有超过9500名会员,131个分会,分布

2024年7月9日 03:38

php 获取当前时间戳(PHP中time获取时间戳为当前时间,它是格林威治时间还是本地时间)

php 获取当前时间戳(PHP中time获取时间戳为当前时间,它是格林威治时间还是本地时间)

本文目录PHP中time获取时间戳为当前时间,它是格林威治时间还是本地时间php怎么获取今天零点的时间戳PHP获取时间戳类怎么写thinkphp如何在控制器里面获取当前时间戳php保存当前时间如何通过PHP函数来获取今日日期的时间戳PHP中

2024年5月13日 07:38

吃了舍曲林之后更想死(饭前吃的盐酸舍曲林片,现在胃痛的要死,生不如死,有什么办法缓解,专家进来,只要能帮我,悬赏分全都给你)

吃了舍曲林之后更想死(饭前吃的盐酸舍曲林片,现在胃痛的要死,生不如死,有什么办法缓解,专家进来,只要能帮我,悬赏分全都给你)

这篇文章给大家聊聊关于吃了舍曲林之后更想死,以及饭前吃的盐酸舍曲林片,现在胃痛的要死,生不如死,有什么办法缓解,专家进来,只要能帮我,悬赏分全都给你对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。本文目录饭前吃的盐酸舍曲林片,现在胃痛

2024年7月6日 19:05

数据仓库有哪五层架构(典型的数据仓库系统包括哪几部分)

数据仓库有哪五层架构(典型的数据仓库系统包括哪几部分)

本文目录典型的数据仓库系统包括哪几部分数据仓库的体系结构如何分别实现什么功能教你轻松掌握数据仓库的规划和构建策略说说数仓(3) - 数仓架构数据仓库的系统结构通常包括四个层次,分别是数据源、(  )、前端工具大数据平台架构有哪些大数据多层技

2024年7月8日 20:45

vue开发自适应网站(Vue项目屏幕自适应)

vue开发自适应网站(Vue项目屏幕自适应)

本文目录Vue项目屏幕自适应vue3.0+vite实现移动端自适应布局vue给的1360的图怎么写页面做到自适应vue自适应pc端界面Vue项目屏幕自适应 /build/util.js: a、在cssLoader对象下面添加一个px

2024年7月22日 05:56

编写一个简单的导航菜单(如何制作一个导航栏)

编写一个简单的导航菜单(如何制作一个导航栏)

本文目录如何制作一个导航栏利用javascript编写一个简单的网站导航菜单急求用HTML,CSS做一个简单导航菜单C语言编程做一个简单的菜单c#窗体导航栏怎么做用什么控件实现 具体点想要做一个导航菜单如何制作一个导航栏《!DOCTYPE

2024年7月21日 23:58

375度算发烧吗(多少度算发烧吗)

375度算发烧吗(多少度算发烧吗)

本文目录多少度算发烧吗人的体温多少度算发烧多少度以上算发烧多少度是发烧啊体温多少度才算发烧啊多少度算是发烧什么才是低烧人的正常体温是多少呢到了多少度才算发烧体温多少算发烧,多少是正常多少度算发烧吗正常成人体温是36到37度之间,一旦超过37

2024年5月7日 17:58

excel ubound(请问excelVBA中怎样实现)

excel ubound(请问excelVBA中怎样实现)

本文目录请问excelVBA中怎样实现Excel函数字符公式求助EXCEL 嵌套循环宏语句Excel 宏的制作请问excelVBA中怎样实现考虑到字典KEY值具有唯一性的去重功能,现提供一个字典的解决方案,希望对您有帮助。如果只是有个工作表

2024年7月7日 14:25

mfc指的是什么?mfc是什么

mfc指的是什么?mfc是什么

本文目录mfc指的是什么mfc是什么mfc指的是什么MFC,英文全称为Macro-Fibre Composite(宏观纤维复合材料),是一种柔韧性的压电材料。MFC同压电陶瓷(PZT)一样,当电压作用于MFC时,MFC会随电压和频率的变化产

2024年6月30日 13:16

91成品短视频app推荐(成品短视频软件推荐知乎)

91成品短视频app推荐(成品短视频软件推荐知乎)

本文目录成品短视频软件推荐知乎91app小米无法连接网络看了么成品短视频app推荐91app的会员充值不到账短视频app有哪些91轻量版怎么打不开了服务器无响应91app安卓手机怎么安装成品短视频软件推荐知乎小视频软件前五名推荐:快手、西瓜

2024年7月18日 06:37

appletree歌词(Appletree Man 歌词)

appletree歌词(Appletree Man 歌词)

本文目录Appletree Man 歌词appletree的英文歌翻译是什么麦当劳放的儿歌叫什么苹果树 英文 歌词熊出没主题曲(我还有点小糊涂) 歌词求 White Apple Tree - Snowflakes的歌词和中文对照Applet

2024年7月5日 21:09

validator属性(formValidator中的RegexValidator属性regexp有哪些参数啊)

validator属性(formValidator中的RegexValidator属性regexp有哪些参数啊)

各位老铁们,大家好,今天由我来为大家分享validator属性,以及formValidator中的RegexValidator属性regexp有哪些参数啊的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是

2024年7月13日 20:31

jquery下载文件进度(怎么用JQuery显示一个进度条来显示PHP复制文件的进度)

jquery下载文件进度(怎么用JQuery显示一个进度条来显示PHP复制文件的进度)

大家好,今天小编来为大家解答以下的问题,关于jquery下载文件进度,怎么用JQuery显示一个进度条来显示PHP复制文件的进度这个很多人还不知道,现在让我们一起来看看吧!本文目录怎么用JQuery显示一个进度条来显示PHP复制文件的进度j

2024年7月23日 12:35

近期文章

本站热文

iphone vpn设置(ios设置vpn快捷开关)
2024-07-22 15:01:12 浏览:2334
windows12正式版下载(操作系统Windows Server 2012 R2,在哪能下载到,公司用的)
2024-07-20 17:26:53 浏览:1730
java安装教程(win10如何安装JAVA)
2024-07-19 19:55:49 浏览:1156
client mfc application未响应(每次进cf就提示client MFC Application未响应该怎么办啊!急急急)
2024-07-20 11:15:58 浏览:1152
标签列表

热门搜索