Javascript 如何在自定义弹出加载中加载js/css文件

Javascript 如何在自定义弹出加载中加载js/css文件,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,在我的项目中,我通过javascript显示一个自定义弹出页面,如下所示,该页面有一个表单供用户填写,然后在加载弹出页面时,我需要加载一些js文件。 如何加载js文件,plz帮助 <html> <head> <script type='text/javascript' src='files/jsfiles/core.js'></script> </head> <body>

在我的项目中,我通过javascript显示一个自定义弹出页面,如下所示,该页面有一个表单供用户填写,然后在加载弹出页面时,我需要加载一些js文件。 如何加载js文件,plz帮助

<html>
     <head>
           <script type='text/javascript' src='files/jsfiles/core.js'></script>
     </head>
     <body>
           <!- I need to call javascript function showUsers() from here->
          <input type='button' onclick='showUsers();' value='listUsers'>
     </body>
</html>

函数加载脚本(src){
var script=document.createElement(“脚本”);
script.async=false;
script.src=src;
document.head.appendChild(脚本);
};
函数加载样式(src){
var style=document.createElement(“链接”);
style.rel=“样式表”;
style.href=src;
document.head.appendChild(样式);
};
函数loadFiles(){
var scriptsArray=['src1url','src2url'..'scrnurl'];
var csssArray=['src1url','src2url'..'scrnurl'];
对于(var i=0;i
同时检查:

您可以使用此库

从CDN加载jQuery

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" 
media="screen" />

为了获得更好、一致的用户界面,您可以使用一个div,单击按钮即可以固定位置显示该div。
我相信如果我没有错的话,Alert将无法显示css属性

您可以做的是,在JS中单击按钮,就可以将弹出内容放入一个div中,该div最初隐藏并在单击时显示


希望这有帮助。

您的弹出窗口将是一个简单的警报,如
警报(“弹出消息”)
或自定义弹出窗口?不,这是一个自定义弹出窗口,显示表单供用户填写和提交。但我不能调用位于弹出窗口内的任何javascript函数。如果您没有在iFrame中打开弹出窗口,您可以
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" 
media="screen" />
<a href="pop up page" onclick='openmsg_sent();' class="iframe open_pop">Sign in</a> 
    $('.open_pop').fancybox({
    });

    function openmsg_sent() {
    jQuery(".open_pop").trigger("click");
    }