我想将脚本添加到 jquery mobile 中的外部页面而不是主文件（调用 jquery mobile 的源）。这是我的两个文件的代码
index.php 中的代码
<head>
<title>My Web Application</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="stylesheet" href="view/css/mobile.css" />
<link rel="stylesheet" href="view/css/reset.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
<script type="text/javascript" src="view/js/light.js"></script>
</head>
<body>
<div data-role="page" class="page">
<div data-role="header" id="index-header" data-theme="b">
<div id="logo">
<a href="#"><img src="view/images/Milan.png" alt="logo" height="80"></a>
</div>
</div>
<div id="color-bar"></div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-theme="b">
<li><a href="#" title="theme"><img src="view/images/1.png" />Security</a></li>
<li><a href="light.php" title="calendar"><img src="view/images/2.png" />Info</a></li>
<li><a href="light.php" title="theme"><img src="view/images/3.png" />Lighting</a></li>
<li><a href="light.php" title="calendar"><img src="view/images/4.png" />Comfort</a></li>
<li><a href="light.php" title="theme"><img src="view/images/5.png" />Music</a></li>
<li><a href="light.php" title="calendar"><img src="view/images/6.png" />Media</a></li>
</ul>
</div><!-- /content -->
</div><!-- /page -->
</body>
在这里，单击我的锚标记，页面将被重定向到 light.php。在 light.php 中，我无法添加任何外部脚本。如果我想在 light.php 中使用任何脚本，它希望我将它添加到 index.php 中。但我想在 light.php 中添加我的脚本并让它只为 light.php 运行。这就是我想在 light.php 中添加的脚本
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
window.location = "index.php?page=lighting";
}, 1000);
</script>
当我刷新我的 light.php 文件时，脚本似乎可以工作，但我想让它在不刷新的情况下工作。