在jquery mobile中包含很多html文档时链接和嵌入js文件

嗨，我是Jquery mobile的新手。我需要开发包含大量屏幕的移动应用程序。我的应用程序中有大约50个HTML。我正面临这个问题，这是很难链接到每个其他页面？在jquery mobile中包含很多html文档时链接和嵌入js文件

顺便说一句我需要将cordova.js或自定义js文件嵌入到所有页面。那么我是否需要将Java脚本文件嵌入到每50页的页眉？这是非常耗时的调整自己的应用程序例如

<head> 
<meta charset="utf-8"> 
<title>Smart Realtor</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 

<link rel="stylesheet" href="css/smartrealtor-theme.css" /> 
<link rel="stylesheet" type="text/css" href="css/snap.css" /> 
<link rel="stylesheet" href="css/custom.css"> 
<link rel="stylesheet" href="css/themes/default/jquery.mobile.structure-1.4.2.css"> 
<link rel="stylesheet" href="css/themes/default/jquery.mobile.icons-1.4.2.css"> 
<link rel="stylesheet" href="css/jqm-icon-pack-fa.css"> 
<script src="js/jquery.js"></script> 
<script src="js/globalsetting.js"></script> 
<script src="js/jquery.mobile-1.4.2.min.js"></script> 

</head>

难道jQuery Mobile的提供任何功能，就像我只需要包括JS文件变成index.html。然后我的其他页面将自动加载这些js文件。请指导我的解决方案，并提供一些示例代码，而不是给我jQuery的移动文档链接。由于

来源

2014-04-17 user998405

好了，所以我只想澄清，这听起来像你有2个问题：

添加导航链接到所有50个HTML文件
增加一个额外的JavaScript源到所有50个HTML文件

的两种基本方法来记：

你可以写一个脚本或使用程序做文本找到并替换为html目录中所有文件的。如果你想使用一个程序，你可以使用ReplaceText或类似的工具。如果你想使用脚本，那么你可以根据自己的喜好编写它，我可能会使用Python，this link可能会帮助你编写这样的脚本。所以后来添加的导航链接和嵌入一个额外的JavaScript文件，你可以SEACH的<body>并替换为：
<body> <nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav> <script src="js/cordova.js"></script>
另一个可能的选择是将添加导航和动态使用javascipt的文件加载javascript文件你已经包含在你所有的html文件中。请注意，与直接更改html文件（如以前的方法）相比，此方法会稍微降低页面的性能。因此，例如，加载额外的JavaScript源，您可以添加以下代码，以globalsetting.js
使用jQuery's getScript() function $(document).ready(function() { $.getScript("js/cordova.js", function(data, textStatus, jqxhr) { console.log(data); // Data returned console.log(textStatus); // Success console.log(jqxhr.status); // 200 console.log("Load was performed."); }); }); 还是正常的JavaScript（source1，source2） var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); script.type= 'text/javascript'; script.src= 'helper.js'; head.appendChild(script); ，并添加你可以添加以下内容导航jQuery代码到globalsetting.js：（source） $("body").append("<nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav></nav>")

来源

2014-04-17 17:42:35 wgardiner

在jquery mobile中包含很多html文档时链接和嵌入js文件

回答

相关问题