用jquery追加javascript和css

Appending javascript and css with jquery

本文关键字：css javascript 追加 jquery      更新时间：2023-09-26

我只想有时显示一些表单，所以我使用附加HTML

$.html('HTML here');

然而，我需要一些逻辑和设计，我需要附加JavaScript和CSS。js代码很长，当它是多行字符串时看起来很糟糕，而且我没有从其他源读取它的选项，还有其他选项吗？

$('head').append('<link rel="stylesheet" href="style.css" type="text/css" />');
$('head').append('<script type=text/javascript" src="script.js" />');

或者如果你想添加代码而不是文件：

$('body').append($("<script>alert('avascript!');<'/script>")[0]);
$('body').append($("<style>.someclass{padding:10px;}<'/style>")[0]);

  • 如果你只需要在给定的时间附加不同的表单，你可以把所有的表单放在页面上，然后用jquery隐藏/显示它们。

  • 如果javascript是用于验证的，那么您可以编写不同的函数，这些函数将根据您提交的表单进行调用。

  • 最后，可以使用css类将css应用于每个元素。

因此，没有必要附加所有内容，因为它可以从第一次写入页面。这种方法是当今ajax应用程序的标准。它被称为单页应用程序。

相关文章：