Javascript 如何将此jQuery代码放入外部.js文件中？_Javascript_Html_Html Table

Javascript 如何将此jQuery代码放入外部.js文件中？

javascript html

Javascript 如何将此jQuery代码放入外部.js文件中？,javascript,html,html-table,Javascript,Html,Html Table,我有一个jQuery代码，它在.HTML文件的和标记之间运行良好我想将此JavaScript用作外部JavaScript，而不是内部JavaScript。位仅当将JavaScript放在标记之前的末尾时，它才起作用如果我将JavaScript放在中，它也不工作所以我需要帮助让这个JavaScript代码在外部运行当我将此代码放在外部.js文件中时，如何修改它我如何调用代码onLoad HTML .blue1{背景：绿色；} .red{背景：red；} .orange{背景：o

我有一个jQuery代码，它在.HTML文件的

和

标记之间运行良好

我想将此JavaScript用作外部JavaScript，而不是内部JavaScript。位仅当将JavaScript放在
标记之前的末尾时，它才起作用
如果我将JavaScript放在
中，它也不工作

所以我需要帮助让这个JavaScript代码在外部运行

当我将此代码放在外部.js文件中时，如何修改它
我如何调用代码onLoad

HTML


.blue1{背景：绿色；}
.red{背景：red；}
.orange{背景：orange；}
.yellow{背景：黄色；}
/*边界*/
你好堆栈溢出1
你好堆栈溢出2
定义了类想要应用的红色
到
Hello堆栈溢出3
你好堆栈溢出3

我想用作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>


//将“Hello_blue”转换为“blue”
函数convertClassName（src）
{
返回src.replace（/^.*？/，“”）；
}
var pTags=document.queryselectoral（“表p”）；
对于（变量i=0；i

创建一个名为script.js的新文件（与HTML位于同一文件夹中），该文件包含以下内容：
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);
}

函数convertClassName（src）{
返回src.replace（/^.*？/，“”）；
}
var pTags=document.queryselectoral（“表p”）；
对于（变量i=0；i

并将其保留在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>


.blue1{背景：绿色；}
.red{背景：red；}
.orange{背景：orange；}
.yellow{背景：黄色；}
/*边界*/
你好堆栈溢出1
你好堆栈溢出2
定义了类想要应用的红色
到
Hello堆栈溢出3
你好堆栈溢出3
是的，您可以创建一个扩展名为.js的新文件，并将代码粘贴到该文件中。然后只需在head中编写一个类似的代码。
使用了“onload”功能并将其链接到“body”元素
<body onload="myFunction()">

一般来说，您是对的，但是在这种情况下，它不会在头部工作，因为DOM还没有准备好。当然-代码可以包装在DOM就绪处理程序中，但我认为尽可能将其保存在结束体标记之前更简单。你是对的@vakata，我确实尝试将其保存在head内或起始体标记之下，但它不起作用。只有当我们将其放在tag.Off主题之前时，它才起作用，但您的类名与样式块不一致。例如，没有blue1
、red
、orange
或yellow。事实上，我没有6分，巴迪，我已经尝试接受了，但它给了我一个msg sry巴迪，但你做得很好。我有另一个问题，但无法在此堆栈上放置溢出。
<body onload="myFunction()">

            $( document ).ready(function() {

                $( "a" ).click(function( event ) {

                    alert( "You clicked !!!" );

                });

            });