后台跳转的页面动态加载js文件和css脚本
2017-06-22 00:00
453 查看
如果页面时从后台跳转来的,在jsp页面中不能直接引入js,需要动态加载
最简单最有效的办法就是写一个空jsp文件,只写js代码,跟业务页面放同一个目录,然后动态包含进来即可
<%@ include file="test-js.jsp" %>
=====当然也可以使用下面的办法===动态加载js文件
方法一:动态加载js文件
// 动态加载js脚本文件
function loadScript(url) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.body.appendChild(script);
}
// 测试
loadScript("javascript/lib/cookie.js");
写在jquery页面加载函数函数中,如
$(function(){
loadScript("${staticPath}/static/biz/testuser.js");
});
方法二:动态加载js脚本
// 动态加载js脚本
function loadScriptString(code) {
var script = document.createElement("script");
script.type = "text/javascript";
try{
// firefox、safari、chrome和Opera
script.appendChild(document.createTextNode(code));
}catch(ex) {
// IE早期的浏览器 ,需要使用script的text属性来指定javascript代码。
script.text = code;
}
document.body.appendChild(script);
}
// 测试
var text = "function test(){alert('test');}";
loadScriptString(text);
test();
动态加载css文件
方法一:动态加载css文件
// 动态加载css文件
function loadStyles(url) {
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = url;
document.getElementsByTagName("head")[0].appendChild(link);
}
// 测试
loadStyles("css/secondindex.css");
方法二:动态加载css脚本
// 动态加载css脚本
function loadStyleString(cssText) {
var style = document.createElement("style");
style.type = "text/css";
try{
// firefox、safari、chrome和Opera
style.appendChild(document.createTextNode(cssText));
}catch(ex) {
// IE早期的浏览器 ,需要使用style元素的stylesheet属性的cssText属性
style.styleSheet.cssText = cssText;
}
document.getElementsByTagName("head")[0].appendChild(style);
}
// 测试
var css = "body{color:blue;}";
loadStyleString(css);
最简单最有效的办法就是写一个空jsp文件,只写js代码,跟业务页面放同一个目录,然后动态包含进来即可
<%@ include file="test-js.jsp" %>
=====当然也可以使用下面的办法===动态加载js文件
方法一:动态加载js文件
// 动态加载js脚本文件
function loadScript(url) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.body.appendChild(script);
}
// 测试
loadScript("javascript/lib/cookie.js");
写在jquery页面加载函数函数中,如
$(function(){
loadScript("${staticPath}/static/biz/testuser.js");
});
方法二:动态加载js脚本
// 动态加载js脚本
function loadScriptString(code) {
var script = document.createElement("script");
script.type = "text/javascript";
try{
// firefox、safari、chrome和Opera
script.appendChild(document.createTextNode(code));
}catch(ex) {
// IE早期的浏览器 ,需要使用script的text属性来指定javascript代码。
script.text = code;
}
document.body.appendChild(script);
}
// 测试
var text = "function test(){alert('test');}";
loadScriptString(text);
test();
动态加载css文件
方法一:动态加载css文件
// 动态加载css文件
function loadStyles(url) {
var link = document.createElement("link");
link.type = "text/css";
link.rel = "stylesheet";
link.href = url;
document.getElementsByTagName("head")[0].appendChild(link);
}
// 测试
loadStyles("css/secondindex.css");
方法二:动态加载css脚本
// 动态加载css脚本
function loadStyleString(cssText) {
var style = document.createElement("style");
style.type = "text/css";
try{
// firefox、safari、chrome和Opera
style.appendChild(document.createTextNode(cssText));
}catch(ex) {
// IE早期的浏览器 ,需要使用style元素的stylesheet属性的cssText属性
style.styleSheet.cssText = cssText;
}
document.getElementsByTagName("head")[0].appendChild(style);
}
// 测试
var css = "body{color:blue;}";
loadStyleString(css);
相关文章推荐
- 向页面动态加载JS文件的的一个小技巧
- 使用SUI mobile 通过a标签跳转到新页面 js文件不加载问题
- .NET Web后台动态加载Css、JS 文件,换肤方案
- 使用JS动态在页面加载CSS文件
- Prototype - 在页面加载后动态加载js文件
- asp.net在使用母版页的内容页面中动态加载css和js文件的方法
- web页面优化之动态加载js和文件
- html加载js文件超时,跳转到错误页面
- 在html页面动态加载js文件
- 根据浏览器语言,页面动态加载对应的js文件
- 页面动态加载js文件
- ASP.NET使用后台动态加载js和css文件
- ASP.net后台动态加载JS文件
- jq:动态加载js文件进当前页面
- 解决_动态加载JS文件_调用时出错
- 页面加入_JS,CSS使用,#include添加文件,缓存页面,页面间传递汉字,IsPostBack控制页面的加载,自定义错语页面
- 如何动态加载js文件
- 动态加载js文件
- 用javascript动态加载不同css/js文件
- 动态加载外部CSS与JS文件