当jquery mobile中包含大量html文档时，链接并嵌入js文件

Linking and embed js file when consist lot of html document in jquery mobile

本文关键字：链接 文件 js 文档 mobile jquery 包含大 html      更新时间：2023-09-26

嗨，我是Jquery mobile的新手。我需要开发由很多屏幕组成的移动应用程序。我的应用程序中大约有50个html。我面临着这个问题nw哪个是链接到其他页面的hw？

顺便说一句，我需要将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移动文档链接。感谢

好吧，澄清一下，听起来你有两个问题：

  1. 向所有50个html文件添加导航链接
  2. 向所有50个html文件添加一个额外的javascript源

脑海中浮现出两种基本方法：

  • 您可以编写一个脚本或使用一个程序对html目录中的所有文件执行文本查找和替换。如果要使用程序，可以使用ReplaceText或类似的工具。如果你想使用一个脚本，那么你可以用你喜欢的任何语言编写它，我可能会使用Python，这个链接可能会帮助你编写这样的脚本。因此，要添加导航链接并嵌入一个额外的javascript文件，可以搜索<body>并替换为：
    <body> <nav> <a href="page1.html">link1</a> <a href="page2.html">link2</a> </nav> <script src="js/cordova.js"></script>

  • 另一种可能的选择是添加导航，并使用已经包含在所有html文件中的javascipt文件动态加载javascript文件。请注意，与直接更改html文件（如前一种方法）相比，这种方法将略微降低页面的性能。例如，要加载一个额外的javascript源代码，可以将以下代码添加到globalsetting.js
    使用jQuery的getScript()函数 $( 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>")

相关文章：