动态html页面导航

好的，我看到这个教程http://css-tricks.com/dynamic-page-replacing-content/，其实挺酷的！我的问题是作为流量，我有一个网页，不仅有内容，但也具体的JavaScript内容和CSS。有没有办法动态加载这些文件，它会是正确的？如果我在页面上有一个硬编码，那么我将如何加载该css/js脚本？动态html页面导航

在此先感谢。

[编辑]

一些代码：

<html> 
<head> 
<script type="text/javascript" src="..."></script> 
<script type="text/javascript"> 
$(document).ready(
    alert('the document has finished loading!!'); 
    // do form validation and send 
) 
</script> 
</head> 
<body> 
Please Full the necesary (*) Fields 
<form method="post" action="testing.php" id="test" name="test"> 
    (*)<input type="text" name="fullname" /> 
    <input type="submit" value="Send" />  
</form> 
</body> 
</html>

比方说，我想加载该页面dynamicaly和负载放置在头校验和相关的JavaScript。应该加载文件readeing头文件？我怎么知道哪一个已经被加载？

感谢您的答案！

“我想他的意思是硬编码的，静态的 - 。Utkanos” - 编辑

来源

2012-07-13 jaxkodex

你能分享一些代码吗？ – iNan 2012-07-13 13:35:09

什么是'硬编码'..？ – 2012-07-13 13:38:16

我猜他的意思是硬编码的，静态的。 – Utkanos 2012-07-13 13:41:27

您可以通过更改href属性动态地改变CSS样式表。也可以通过将脚本自加载到div中或通过将脚本src写入它来动态加载Javascript。

这里一个简单的例子：

CSS 1：

body { 
    background: black; 
    color: #333; 
}

CSS 2：

body { 
    background: red; 
    color: white; 
}

HTML：

<html> 
    <head> 
     <title>Test page</title> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 

     <link href="/includes/css/test1.css" rel="stylesheet" type="text/css" /> 
    </head> 

    <body> 
     <h1>TEST!!!!!</h1> 
     <div id="code"></div> 
     <input type="button" id="but" value="click!" /> 

     <script> 
      var css = 1; 

      $('#but').click(function() { 
       if(css == 1) { 
        css = 2; 
       } else { 
        css = 1; 
       } 

       $('link').attr('href', '/includes/css/test' + css + '.css');    

       //test(); 
       test2(); 
      }); 

      function test2() { 
       $('#code').html("<script>alert(\"It works!!!\");<\/script>"); 

       //Or parse the src 
       //$('#code').html("<script src=\"js/your_js_file.js"><\/script>") 
      } 
     </script> 
    </body> 
</html>

所以它的更多钞票来加载CSS和JS进入你的页面后pag e被加载。

希望这会有所帮助！

来源

2012-07-13 14:16:24

动态html页面导航

回答

相关问题