當頁面加載不起作用時，Javascript/JQuery 會彈出一個警報
[英]Javascript/JQuery having an alert pop up when page loads won't work
問題描述
我正在嘗試在我的網頁加載時彈出警報。 當內聯編碼到 html 代碼時，Javascript 代碼有效，但當放入單獨的文件並鏈接/保存為 script.js 時，沒有任何反應。 任何人都可以偶然看到我做錯了什么嗎？ 這是代碼，如果您碰巧看到我出錯的地方，我將不勝感激。
$(document).ready(function() { alert("Welcome!); });
background-color:Teal; } h1 { text-align: center; color: Gold; font-family: arial; font-size: 25pt; } #p1 { text-align: left; color: white; font-family: arial; font-size: 14pt; margin-top: 40px; margin-bottom: 20px; margin-left: 10px; margin-right: 300px; } #p2 { text-align: right; color: white; font-family: arial; font-size: 14pt; margin-top: 100px; margin-bottom: 20px; margin-left: 300px; margin-right: 10px; } #p3 { text-align: left; color: white; font-family: arial; font-size: 14pt; margin-top: 100px; margin-bottom: 20px; margin-left: 10px; margin-right: 300px; } #img1 { float: left; padding-right: 15px; width: 200px; } #img2 { float: right; padding-left: 15px; width: 200px; } a:link { color: gold; background-color: transparent; font-family: arial; text-decoration: none; } a:visited { color: gold; background-color: transparent; font-family: arial; text-decoration: none; } a:hover { color: white; background-color: transparent; font-family: arial; text-decoration: underline; } a:active { color: lime; background-color: transparent; font-family: arial; text-decoration: underline; }
<!DOCTYPE html> <html> <head> <title> "Cute Cats" </title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <script src="script.js"> </script> <h1> Cute Cats </h1> <p id="p1"> <img src="Tulip.jpg" alt="Cute Cat-Tulip" id="img1"> Find box a little too small and curl up with fur hanging out lick arm hair or sweet beast swat at dog, and chirp at birds that box? i can fit in that box. Spit up on light gray carpet instead of adjacent linoleum. Spill litter box, scratch at owner, destroy all furniture, especially couch find empty spot in cupboard and sleep all day, licks paws ptracy,intently sniff hand, or really likes hummus weigh eight pounds but take up a full-size bed. Chew the plant. Bleghbleghvomit my furball really tie the room together hiss and stare at nothing then run suddenly away and warm up laptop with butt lick butt fart rainbows until owner yells pee in litter box hiss at cats stretch, ooh, are those your $250 dollar sandals? </p> <p id="p2"> <img src="Tikki.jpg" alt="Cute Cat-Tikki" id="img2"> Slap kitten brother with paw spread kitty litter all over house, i could pee on this if i had the energy purr when being pet for nya nya nyan. Touch water with paw then recoil in horror eat all the power cords for chill on the couch table, annoy the old grumpy cat, start a fight and then retreat to wash when i lose so scratch me there, elevator butt refuse to come home when humans are going to bed; stay out all night then yowl like i am dying at 4am. Eat the rubberband the cat was chasing the mouse so demand to be let outside at once, and expect owner to wait for me as i think about it yet taco cat backwards spells taco cat furrier and even more furrier hairball for groom forever, stretch tongue and leave it slightly out, blep stand in front of the computer screen. Red light attracts my eyes, light must die, attack! </p> <p id="p3"> <img src="Maddi.jpg" alt="Cute Cat-Maddison" id="img1"> More napping, more napping all the napping is exhausting. Fish i must find my red catnip fishy fish who's the baby pet me pet me don't pet me scratch need to chase tail, but intently stare at the same spot, or i like frogs and 0 gravity. Meow to be let out thinking longingly about tuna brine or catasstrophe scratch, yet stare at wall turn and meow stare at wall some more meow again continue staring take a big fluffing crap cough hairball on conveniently placed pants. Lounge in doorway hiding behind the couch until lured out by a feathery toy. Sit on human give attitude, or meow go back to sleep owner brings food and water tries to pet on head, so scratch get sprayed by water because bad cat or lick butt. Stare at ceiling. </p> </body>
再次，任何見解將不勝感激。
1 個解決方案
解決方案1
0 2019-02-25 02:15:52
您在警報中遺漏了結尾的雙引號。 我在下面的代碼段中為您修復了它。
注意：兩次包含 jQuery 是多余的，所以刪除它。 （如果您兩次包含 jQuery 的原因是因為它要求您在代碼段中這樣做，那么如果您已經從其他地方包含它，則不必這樣做）。
$(document).ready(function() { alert("Welcome!"); });
background-color:Teal; } h1 { text-align: center; color: Gold; font-family: arial; font-size: 25pt; } #p1 { text-align: left; color: white; font-family: arial; font-size: 14pt; margin-top: 40px; margin-bottom: 20px; margin-left: 10px; margin-right: 300px; } #p2 { text-align: right; color: white; font-family: arial; font-size: 14pt; margin-top: 100px; margin-bottom: 20px; margin-left: 300px; margin-right: 10px; } #p3 { text-align: left; color: white; font-family: arial; font-size: 14pt; margin-top: 100px; margin-bottom: 20px; margin-left: 10px; margin-right: 300px; } #img1 { float: left; padding-right: 15px; width: 200px; } #img2 { float: right; padding-left: 15px; width: 200px; } a:link { color: gold; background-color: transparent; font-family: arial; text-decoration: none; } a:visited { color: gold; background-color: transparent; font-family: arial; text-decoration: none; } a:hover { color: white; background-color: transparent; font-family: arial; text-decoration: underline; } a:active { color: lime; background-color: transparent; font-family: arial; text-decoration: underline; }
<!DOCTYPE html> <html> <head> <title> "Cute Cats" </title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <script src="script.js"> </script> <h1> Cute Cats </h1> <p id="p1"> <img src="Tulip.jpg" alt="Cute Cat-Tulip" id="img1"> Find box a little too small and curl up with fur hanging out lick arm hair or sweet beast swat at dog, and chirp at birds that box? i can fit in that box. Spit up on light gray carpet instead of adjacent linoleum. Spill litter box, scratch at owner, destroy all furniture, especially couch find empty spot in cupboard and sleep all day, licks paws ptracy,intently sniff hand, or really likes hummus weigh eight pounds but take up a full-size bed. Chew the plant. Bleghbleghvomit my furball really tie the room together hiss and stare at nothing then run suddenly away and warm up laptop with butt lick butt fart rainbows until owner yells pee in litter box hiss at cats stretch, ooh, are those your $250 dollar sandals? </p> <p id="p2"> <img src="Tikki.jpg" alt="Cute Cat-Tikki" id="img2"> Slap kitten brother with paw spread kitty litter all over house, i could pee on this if i had the energy purr when being pet for nya nya nyan. Touch water with paw then recoil in horror eat all the power cords for chill on the couch table, annoy the old grumpy cat, start a fight and then retreat to wash when i lose so scratch me there, elevator butt refuse to come home when humans are going to bed; stay out all night then yowl like i am dying at 4am. Eat the rubberband the cat was chasing the mouse so demand to be let outside at once, and expect owner to wait for me as i think about it yet taco cat backwards spells taco cat furrier and even more furrier hairball for groom forever, stretch tongue and leave it slightly out, blep stand in front of the computer screen. Red light attracts my eyes, light must die, attack! </p> <p id="p3"> <img src="Maddi.jpg" alt="Cute Cat-Maddison" id="img1"> More napping, more napping all the napping is exhausting. Fish i must find my red catnip fishy fish who's the baby pet me pet me don't pet me scratch need to chase tail, but intently stare at the same spot, or i like frogs and 0 gravity. Meow to be let out thinking longingly about tuna brine or catasstrophe scratch, yet stare at wall turn and meow stare at wall some more meow again continue staring take a big fluffing crap cough hairball on conveniently placed pants. Lounge in doorway hiding behind the couch until lured out by a feathery toy. Sit on human give attitude, or meow go back to sleep owner brings food and water tries to pet on head, so scratch get sprayed by water because bad cat or lick butt. Stare at ceiling. </p> </body>
如果Jquery異步加載，為什么此Javascript代碼無法在Chrome上運行？
[英]Why this Javascript code won't work on Chrome if Jquery loads as async?
在PHP中調用javaScript警報后，無法重新加載頁面
[英]Reloading a page won't work after calling a javaScript alert in PHP
頁面加載時jQuery有時無法正常工作是否有原因？
[英]Is there a reason sometimes the jQuery just doesn't work when the page loads?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.