JavaScript 动态脚本

动态脚本,指的是在页面加载时不存在,但将来的某一个时刻通过修改DOM动态添加的脚本。

<script type="text/javascript">
    function loadScriptString(code){
        var script = document.creatElement("script");
        script.type("text/javascript");
        document.body.appendChild(script);
        try {
            script.appendChild(document.creatTextNode(code));
        }catch (ex){
            script.text = code;
        }
    }

    loadScriptString("function sayHi(){alert(‘hi‘);}");
</script>

这里首先尝试标准的DOM文本节点方法,因为除了IE(在IE中会导致抛出错误),所有浏览器都支持这种方式。如果这行代码抛出错误,那么说明是IE,就可以用text属性了。

时间: 2024-12-22 09:27:39

JavaScript 动态脚本的相关文章

JavaScript高级程序设计之动态脚本及动态样式

1.动态加载脚本(src 原理,异步,支持跨域) var loadScript = function (url, callback) { var script = document.createElement("script"); script.src = url; document.getElementsByTagName("head")[0].appendChild(script); if (script.addEventListener) { // for w

浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入

在<浏览器环境下JavaScript脚本加载与执行探析之defer与async特性>中,我们研究了延迟脚本(defer)和异步脚本(async)的执行时机.浏览器支持情况.浏览器bug以及其他的细节问题.而除了defer和async特性,动态脚本和Ajax脚本注入也是两种常用的创建无阻塞脚本的方法.总的来看,这两种方法都能达到脚本加载不影响页面解析和渲染的作用,但是在不同的浏览器中,这两种技术所创建的脚本的执行时机还是有一定差异,今天我们再来探讨一下通过动态脚本技术和Ajax注入的脚本在这些方

[搬运自我的CSDN博客] python抓取javascript动态生成HTML内容的实践

<注:CSDN博客在美国访问特别卡,所以转移到cnblogs来发文章> 本实验在Ubuntu14.04上完成.使用的浏览器是火狐(Firefox 33.0),python版本是2.7.6. 大家都知道用urllib配合正则表达式抓取静态HTML的内容很方便,但是如果网页中有javascript动态生成的内容,urllib就无能为力了. 此时我们要借助一个额外的工具:selenium.它的工作原理是操纵(火狐)浏览器浏览目标网页,等待网页中的javascript全部执行完毕后再对HTML源码进行

动态脚本

前面的话 动态脚本是指在页面加载时不存在,但将来的某一时刻通过修改DOM动态添加的脚本.和操作HTML元素一样,创建动态脚本也有两种方式:插入外部文件和直接插入内部javascript代码.下面将详细介绍这两种情况 外部脚本 //script.js里面的内容 box.style.color = "red"; var script = document.createElement("script"); script.type = "text/javascri

DOM操作技术----动态脚本

创建动态脚本有两种方式:插入外部文件和直接插入JavaScript代码 方式一:插入外部文件 <script type="text/javascript" src="client.js" ></script> 创建此节点的DOM代码等同于: var script = documen.createElement("script"); script.type="text/javascript"; scrip

JavaScript网站设计实践(三)设计有特色的主页,给主页链接添加JavaScript动画脚本

原文:JavaScript网站设计实践(三)设计有特色的主页,给主页链接添加JavaScript动画脚本 一.主页一般都会比较有特色,现在在网站设计(二)实现的基础上,来给主页添加一点动画效果. 1.这里实现的动画效果是:当鼠标悬停在其中某个超链接时,会显示出属于该页面的背景缩略图,让用户知道这个链接的页面大概内容是什么. 效果图: 2.实现这个效果的思路 (1)把主页的几个链接的背景图片缩放到150px*150px,拼成一张750*150的图片,并保存为slideshow.png,存放到ima

【前端基础】动态脚本与JSONP

博主入职两个月了,越来越感受到打好基础对于前端工程师的重要性,在向着狂拽酷炫的框架&构建工具狂飚之前,必须有一个坚实的基础打底,才不至于轻易翻车.所以博主最近一直在恶补<JS高级程序设计>,发现了很多第一次读时忽略的.有趣的地方.不愧是经典,常读常新呀! PART 1  最熟悉的陌生人--动态脚本 对于一些刚接触前端不久的同学来说,"动态脚本"可能是一个有些陌生的字眼,我也是偶然看高程,才想起同桌的你--不,才注意到这个技术.但事实上,这是每个前端每天都会用到的技术

atitit.bsh&#160;BeanShell&#160;的动态脚本使用java

atitit.bsh BeanShell 的动态脚本使用java 1.1. BeanShell是一个小巧免费的JAVA源码解释器 ,支持对象式的脚本语言特性,亦可嵌入到JAVA源代码中. 亦可嵌入到JAVA源代码中,能动态执行JAVA源代码并为其扩展了脚本语言的一些特性,像JavaScript和perl那样的弱类型.命令式.闭包函数等等特性都不在话下 BeanShell能理解标准的JAVA语句,表达式,和方法宣告.语句和表达式的内容可以是:变量,宣告,赋值,方法调用,循环,条件等.在 Java程

动态脚本元素

动态脚本元素即在js中去创建<script>标签加载外部js并执行,这样加载的好处是文件的下载和执行过程不会阻塞页面的其他进程.通过下面两个例子对比出效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht