当前位置:首 页 > 技术文章 > 原创 > 详细

web开发中动态添加script节点或js函数

字号字号

摘要:在开发web应用程序时,有时候需要在客户端动态的生成javascript脚本以提高应用程序的灵活性。下面提供了几种在客户端动态添加script节点或js函数的方法。1 将外部的js文件动态引入客户端JavaScript Code复制内容到剪贴板 //创建一个script节点 varsc……

在开发web应用程序时,有时候需要在客户端动态的生成javascript脚本以提高应用程序的灵活性。下面提供了几种在客户端动态添加script节点或js函数的方法。

1  将外部的js文件动态引入客户端

JavaScript Code复制内容到剪贴板
  1. //创建一个script节点      
  2. var scriptBlock=document.createElement("script");      
  3. //将外部文件引入-需要注意路径   
  4. scriptBlock.src="Test.js";      
  5. //将该文件加入的html文件的头部。      
  6. document.getElementsByTagName("head")[0].appendChild(scriptBlock);     

2  动态创建Javascript节点和函数体

JavaScript Code复制内容到剪贴板
  1. //创建一个script节点   
  2. var scriptBlock=document.createElement("script");   
  3. //将外部文件引入   
  4. scriptBlock.text=“function myTest(){alert('I come here')}”;   
  5. //将该文件加入的html文件的头部。   
  6. document.getElementsByTagName("head")[0].appendChild(scriptBlock);   

  3  跨Iframe框架注册函数

JavaScript Code复制内容到剪贴板
  1. /*本示例以子页面向顶级窗口页面注册函数为例*/  
  2. //顶层窗口   
  3. var topWin=window;   
  4. while(topWin.parent&&topWin.parent!==topWin){topWin=topWin.parent;}   
  5. //要向顶级窗口页面注册的函数   
  6. var regToTopWinFun=function(){   
  7.         alert("我是子页面向顶级窗口页面注册的函数");   
  8.     };   
  9. //注册函数   
  10. topWin.regToTopWinFun=regToTopWinFun;   
  11. /*  
  12. ps:得到窗口引用是关键,得到窗口引用之后就可以得到窗口所包含的文档信息(必须是同域的),自然也就可以做一切浏览器许可的脚本操作了  
  13. */  

 

  • 添加[Admin-1]
  • 浏览[1785]
  • ▼评论[0]
这是留给你的位置,说出你的真知灼见吧![我要评论][我要收藏][我要举报]