Javascript 动态html页面导航_Javascript_Jquery_Html_Dynamic_Web

Javascript 动态html页面导航

javascript jquery html dynamic web

Javascript 动态html页面导航,javascript,jquery,html,dynamic,web,Javascript,Jquery,Html,Dynamic,Web,好的，我看了这个教程，实际上很酷！我的问题是，作为流，我有一个页面，它不仅包含内容，还包含特定的javascript内容和css。是否有一种方法可以动态加载这些文件，是否正确？如果我在页面上有一个硬编码，我将如何加载css/js脚本提前谢谢 [编辑] 一些代码： <html> <head> <script type="text/javascript" src="..."></script> <script type="text/javas

好的，我看了这个教程，实际上很酷！我的问题是，作为流，我有一个页面，它不仅包含内容，还包含特定的javascript内容和css。是否有一种方法可以动态加载这些文件，是否正确？如果我在页面上有一个硬编码，我将如何加载css/js脚本

提前谢谢

[编辑]

一些代码：

<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>

假设我想加载那个页面dynamicali并加载验证和放在标题上的相关javascript。应该加载读取标题的文件吗？我怎么知道哪一个已经加载了

谢谢你的回答

我猜他的意思是硬编码，静态的Utkanos-Edited

您可以通过更改href属性动态更改CSS样式表。还可以通过将脚本self加载到div或将脚本src写入div来动态加载Javascript

这里有一个简单的例子：

CSS 1：

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

CSS 2：

body {
    background: red;
    color: white;
}

HTML:

因此，在页面加载后，可以将CSS和Js加载到页面中

希望这有帮助

“硬代码”是什么？我猜他指的是硬代码，静态的。

<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>