我有这个 jQuery 代码，当放置在 <body> 之间时可以正常工作。和</body> .HTML 文件的标签。
- 我想将此 JavaScript 用作外部 JavaScript 而不是内部 JavaScript。只有将 JavaScript 放在
</body>之前的末尾，它才有效。标签。 - 如果我将 JavaScript 放在
<head></head>内它也不起作用。
所以我需要帮助让这段 JavaScript 代码在外部运行。
- 当我将此代码放入外部 .js 文件中时，如何修改它？
- 如何调用 onLoad 代码？
HTML
<html>
<head>
<style>
.blue1 {background: green;}
.red {background: red;}
.orange {background: orange;}
.yellow {background: yellow;}
</style>
</head>
<body>
<table border="2px solid black">/*border*/
<tr>
<td colspan="1">
<p class="Hello_blue1">Hello Stack Overflow1</p>
</td>
<td rowspan="1" colspan="2">
<p class="Tab-Text-7-aufz_red">Hello Stack Overflow2</p>
<p class="Tab-Text-7_red">defines red color,that class want to apply
to</p>
</td>
<td rowspan="1" colspan="1">
<p class="Hello_orange">Hello Stack Overflow3</p>
</td>
<td rowspan="1" colspan="1">
<p class="Tab-Text-7_yellow">Hello Stack Overflow3</p>
</td>
</tr>
</table>
我想用作External.js的JavaScript
<script>
// convert "Hello_blue" to "blue"
function convertClassName(src)
{
return src.replace(/^.*?_/, "");
}
var pTags = document.querySelectorAll("table p");
for (var i = 0; i < pTags.length; i++)
{
pTags[i].parentNode.className += " "
+ convertClassName(pTags[i].className);
}
</script>
</body>
</html>
最佳答案
创建一个新文件(与 HTML 位于同一文件夹中)，例如名为 script.js，其中包含以下内容:
function convertClassName(src) {
return src.replace(/^.*?_/, "");
}
var pTags = document.querySelectorAll("table p");
for (var i = 0; i < pTags.length; i++) {
pTags[i].parentNode.className += " " + convertClassName(pTags[i].className);
}
并将其保留在 HTML 中:
<html>
<head>
<style>
.blue1 {background: green;}
.red {background: red;}
.orange {background: orange;}
.yellow {background: yellow;}
</style>
</head>
<body>
<table border="2px solid black">/*border*/
<tr>
<td colspan="1">
<p class="Hello_blue1">Hello Stack Overflow1</p>
</td>
<td rowspan="1" colspan="2">
<p class="Tab-Text-7-aufz_red">Hello Stack Overflow2</p>
<p class="Tab-Text-7_red">defines red color,that class want to apply
to</p>
</td>
<td rowspan="1" colspan="1">
<p class="Hello_orange">Hello Stack Overflow3</p>
</td>
<td rowspan="1" colspan="1">
<p class="Tab-Text-7_yellow">Hello Stack Overflow3</p>
</td>
</tr>
</table>
<script src="./script.js"></script>
</body>
</html>
关于javascript - 如何将此 jQuery 代码放入外部 .js 文件中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30650757/