参考:http://wv1124.iteye.com/blog/486946
和:http://www.dumpling.hn.cn/blog/article.asp?id=116
但是第二个链接里面的很多都是错误的 要简单的修改后使用
添加动态Script
var ss = document.createElement('script');
var scr = 'alert("bah");';
if ('\v'=='v'){ // IE
ss.text = scr;
} else { // Other Browser
var tt = document.createTextNode(scr);
ss.apendChild(tt);
}
var hh = document.getElementsByTagName('head')[0];
hh.appendChild(ss);
外部文件
var js;
function include_js(file) {
var html_doc = document.getElementsByTagName('head')[0];
js = document.createElement('script');
js.setAttribute('type', 'text/javascript');
js.setAttribute('src', file);
html_doc.appendChild(js);
js.onreadystatechange = function () {
if (js.readyState == 'complete') {
alert('JS onreadystate fired');
}
}
js.onload = function () {
alert('JS onload fired');
}
return false;
}
添加动态Style
var ss = document.createElement('style');
var def = 'body {color: red;}';
ss.setAttribute("type", "text/css");
if (ss.styleSheet) { // IE
ss.styleSheet.cssText = def;
} else { // Other Browser
var tt = document.createTextNode(def);
ss.appendChild(tt);
}
var hh = document.getElementsByTagName('head')[0];
hh.appendChild(ss);
外部文件
var css;
function include_css(css_file) {
var html_doc = document.getElementsByTagName('head')[0];
css = document.createElement('link');
css.setAttribute('rel', 'stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', css_file);
html_doc.appendChild(css);
// alert state change
css.onreadystatechange = function () {
if (css.readyState == 'complete') {
alert('CSS onreadystatechange fired');
}
}
css.onload = function () {
alert('CSS onload fired');
}
return false;
}
分享到:
相关推荐
语言:English 将自定义JavaScript(JS)代码或样式(CSS)添加到任何页面。...注意:要报告错误或请求功能,请访问加载项的主页(https://mybrowseraddon.com/custom-style-script.html)并填写错误报告表格。
7.您可以将在线JS或CSS链接(即jQuery或Bootstrap)添加到任何网页(有关更多详细信息,请参见addon的选项页面)注意:要提交Bug,请访问addon的主页(http://mybrowseraddon.com/custom -style-script.html)并填写...
2.createModule方法用于创建一个style样式表的标签,并且如果在IE8以下的版本运行会抛出异常,在异常捕获模块中执行style.styleSheet.cssText兼容IE添加style的样式内容。 <button id="demo">css文件</...
介绍将tempstemp查询添加到html中的标签的[script,style,link]属性src中,以刷新缓存。安装$ npm install -g recache-files用法$ recache --helpUsage: recache [options] <dir> Options: -V, --version output ...
1.添加script和style两个文件到工程 2.使用页面添加css样式连接:<link href="style/StyleClient.css" rel="stylesheet" type="text/css" /> 3.添加组件到工具箱 4.组件设置:相关设置 FileSizeLimit:文件限定...
本文主要给大家简单介绍一下如何动态的在一个元素添加和删除一个div,希望能够得到举一反三之效。 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text...
特拉托里奥地图辅助函数集合,用于向Mapbox GL JS添加与Teritorio Map Style相关的某些功能。展示 :根据不同国家/地区的定义选择和切换边框的观点。 :通过自动检测浏览器语言或手动设置来选择和切换地图显示语言。...
本文实例讲述了JS实现动态添加外部js、css到head标签的方法。分享给大家供大家参考,具体如下: function appendJQCDN() { var head = document.head || document.getElementsByTagName('head')[0]; var script =...
Changelog ========= 4.0.1-使用正则表达式域而不是固定的主机名-修复CSS注入(感谢Patrick Ewald)3.0.1 ------UI:添加拖动图标-修复主机名不正确已保存-用户界面:添加保存按钮-用户界面:禁用项目时添加过渡效果...
<!... <title>3daixin <style type="text/css"> body{ background:black; ... transform-style:preserve-3d;... </style> ... <script type="text/javascript"> ...//往它里面添加子元素 } </script> </html>
Material Style 是一个基于 Bootstrap 4.5 的易于使用的 UI 库,可让您将 Material Design 样式和动画添加到 Bootstrap 组件。 组件 开始 1. CDN 样式 <!-- Material Icons --> <link rel="stylesheet" ...
将这段代码放在 head间 <script type="text/javascript" src="../Xoeditor/jtbceditor.js"></script> 提取html的代码(放在你需要的地方就OK了) <textarea id="content" name="content" style="WIDTH: 480px; ...
<script src</span><span style="/Lesktop/2.0.2.0/Core.js" type="text/javascript"> </script> <scriptsrc</span><span style="/Lesktop/2.0.2.0/Core.Desktop.js" type="text/javascript"></script> <scriptsrc...
<script src</span><span style="/Lesktop/2.0.2.0/Core.js" type="text/javascript"> </script> <scriptsrc</span><span style="/Lesktop/2.0.2.0/Core.Desktop.js" type="text/javascript"></script> <scriptsrc...
本文实例讲述了javascript动态添加删除tabs标签的方法。分享给大家供大家参考。具体实现方法如下: <html> <HEAD> <TITLE>网页对话</TITLE> <LINK href="style.css" type=text/css rel=...
下面介绍怎么样让跑起来。 分析问题 既然只在文档加载中才被解析,那么我就得调用[removed]()方法来重新... jsIframe.style.display = none;//把jsIframe隐藏起来 document.body.appendChild(jsIframe); with(window
style=no"></script> 当然你前面最好加上域名,比如我站里是: <script src="http://www.smcsj.com/annex/mystat/mystat.asp?style=no"></script> 关于删除历史的解释,系统会把每个访问的IP都记录下来,但为了系统...
contentId:内容域的id,内容域必须添加,且style属性需添加display:none项。该文本域可以是任何文本输入域,如input,textarea,asp.net的TextBox控件等。 width:宽度 height:高度 2.运用方法: 设置好了以上,就...
<head> <title>Demo</title> <... script: 代码如下: [removed] function getColumnDetail(column){ column.style.color = “blue”; //将被点击的单元格设置为蓝色 alert(co