是否可以在div中打开包含外部javascript和css的页面?

时间:2015-03-31 04:21:24

标签: javascript php html

/ *我需要在div中打开一个网页,该网页包含javascript和css。是否可以加载该页面的javascript和css,或者我需要将这些文件包含在父页面中?

例如: -

**Page1.php**

* /

    <!DOCTYPE html>
<html>
<head>
  <style>
  body{ font-size: 12px; font-family: Arial; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 <b>Successful Response (should be blank):</b>
<a href="#" onclick="check();">click me</a>
<div id="success"></div>
<div id="b"></div>
<script>

function check(){
$('#b').load('test.php #target');
}
  </script>

</body>
</html>

//我需要在div中打开test.php

// test.php

<html>
<head></head>
<body>
<div id='target'>
<script type="text/javascript" src="script.js"></script>
 I am from test page. <a href="#" onClick="loaddata()">Click Here</a>
</div>
</body>
</html>

//在test.php中包含了script.js

// script.js

function loaddata()
{
    alert("hii");
}

//我的问题是在做这样的脚本时.js无法正常工作

1 个答案:

答案 0 :(得分:1)

以下是您的page1.php文件应如下所示。你只需使用include('myPhpPageName.php');你的php标签内部,包括myPhpPageName.php。查看下面的test.php,看看该页面上需要什么。

    <!DOCTYPE html>
<html>
<head>
  <style>
  body{ font-size: 12px; font-family: Arial; }
  </style>
  <script type="text/javascript" src="script.js"></script>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 <b>Successful Response (should be blank):</b>
<a href="#" onclick="check();">click me</a>
<div id="success"></div>
<div id="b"></div>


</body>
</html>

test.php的

<div id='target'>
 I am from test page. <a href="#" onClick="loaddata()">Click Here</a>
</div>