javascript - 插入外部 html

标签 javascript html

我刚刚学习创建网站,之前已经编写过很多 OOB 语言,所以我有点习惯编写小对象并将它们粘贴到我想要的地方。

我想知道是否有一种方法可以创建一个登录表单,或者您在网站上使用regulare的任何一段html,并将其保存到文件、html或xml中,然后在javascript的帮助下添加将此表格放到您的主网站上。

我会尝试举一个例子来明确我想要做什么,这是我不知道如何编写的javascript...

表单.html

< form id="form_login" >
Username: <input type="text" id="username"/><br>
Password: <input type="password" id="password"/><br>
<input type="button" id="button_login" value="log in" onclick="login(this)"/>
</form>

index.html

<html>
<head>
</head>
<body>
<div>

<script type="text/javascript" src="javascript.js"></script>

</div>
</body>
</html>

javascript.js

// this is where I am rendered clueless, I want my javascript to render out my form
$(#"div").html(form.html)

我想我应该做一个服务器请求来检索 form.html,但我不知道如何。

最佳答案

就我个人而言,我认为 JavaScript 不太适合这项工作 - 关闭 JavaScript 的人(还有 Google!)将看不到页面的重要部分(就 Google 而言,这可能会导致访问者减少! )。您提到的包含内容应该发生在服务器上。请参阅Wikipedia's article on Server Side Includes寻找可能的解决方案。

关于javascript - 插入外部 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3430684/

相关文章:

JavaScript On Change 函数仅触发一次

javascript - 返回值如何保存?

javascript - 如何在 php 中制作依赖下拉列表

javascript - 如何创建一个函数来接受输入并测试它是否是回文?

javascript - 无法使用 .submit() 提交表单

html - 最好将页面名称放在网站名称之前,还是相反?

javascript - 在 Angular Bootstrap 的特定行上禁用表格悬停

javascript - 奇怪的 IE7 div 调整大小 float 错误?表单按钮保持不变!

html - 未从 css 应用颜色

php - 使用模块化技术时如何修复 bootstrap 在 layout/index.php 中的 php 文件中不起作用?