美文网首页让前端飞Web前端之路网页前端后台技巧(CSS+HTML)
web前端入门到实战:JavaScript-警告(alert 消

web前端入门到实战:JavaScript-警告(alert 消

作者: 大前端世界 | 来源:发表于2020-04-16 14:05 被阅读0次
    1 alert(字符串或变量);  
    
    

    我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的,以上为alert()语法

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title>JavaScript-警告(alert 消息对话框)</title>
     6         <script type="text/javascript">
     7         var mystr="火山哥,有没有看我的博客,记得留言Thanks♪(・ω・)ノ";
     8         alert("(╯▽╰),博客?(꒪ꇴ꒪(꒪ꇴ꒪ ;)哈?")
     9 alert(mystr); 10         </script>
    11     </head>
    12     <body>
    13     </body>
    14 </html>
    
    

    注:alert弹出消息对话框(包含一个确定按钮),按书写顺序弹出消息框

    1. 在点击对话框"确定"按钮前,不能进行任何其它操作
    2. 消息对话框通常可以用于调试程序
    3. alert输出内容,可以是字符串或变量,与document.write 相似。
    专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧
    (从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
    
    
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>点开有惊喜</title>
     6 <script type="text/javascript">
     7  alert('你好!初次见面,请多多关照');
     8  alert('为了表示我的真诚');
     9  alert('给你讲个笑话吧');
    10  alert('认真听咯');
    11  alert('开始了');
    12  alert('其实,其实很多男孩子都不知道');
    13  alert('其实很多男孩子都不知道,女孩子在冲他们发火后自己却转过身不断啜泣。');
    14  alert('其实很多男孩子都不知道,女孩子从来不会真正生他们的气,因为她是真的喜欢他在乎他。');
    15  alert('其实很多男孩子都不知道,女孩子只会对她自己喜欢的男生唠唠叨叨,也只会对自己喜欢的人耍性子。');
    16  alert('你要知道,假若她不喜欢你,她根本不会来在乎你关心你,她是怕你做错事情。');
    17  alert('你要知道,假若她不喜欢你,她根本不会对你发火,不会冲你撒娇,不会让你哄她——因为在别人面前她都是淑女。');
    18  alert('你要知道,假若她不喜欢你,你根本就没有本事让她哭泣,即使让她生气也不会超过2天!');
    19  alert('其实,其实很多男孩子都不知道');
    20  alert('其实很多男孩子都不知道,女孩子在冲他们发火后自己却转过身不断啜泣。');
    21  alert('其实很多男孩子都不知道,女孩子从来不会真正生他们的气,因为她是真的喜欢他在乎他。');
    22  alert('其实很多男孩子都不知道,女孩子只会对她自己喜欢的男生唠唠叨叨,也只会对自己喜欢的人耍性子。');
    23  alert('你要知道,假若她不喜欢你,她根本不会来在乎你关心你,她是怕你做错事情。');
    24  alert('你要知道,假若她不喜欢你,她根本不会对你发火,不会冲你撒娇,不会让你哄她——因为在别人面前她都是淑女。');
    25  alert('你要知道,假若她不喜欢你,你根本就没有本事让她哭泣,即使让她生气也不会超过2天!');
    26  alert('你还想继续看?继续点吧');
    27  alert('要开始咯');
    28  alert('准备好没有?');
    29  alert('你觉得你可以点完吗?');
    30  alert('其实后面还有好多的');
    31  alert('累了就休息会再点');
    32  alert('不会介意的');
    33  alert('怎么?你要我点啊?');
    34  alert('要我点你就点嘛');
    35  alert('我不会不让你点的');
    36  alert('不可能,你要点');
    37  alert('我不会不让你点');
    38  alert('你要点,我不让,不可能');
    39  alert('你不点,我偏要让你点');
    40  alert('不可能,你要点,我不让');
    41  alert('你不点,我偏要。');
    42  alert('大家讲道理嘛');
    43  alert('受不了了么,我也快吐了');
    44  alert('那就开始吧');
    45  alert('还记得刚刚看到哪里了么?');
    46  alert('不记得了?');
    47  alert('那我再重讲一遍。');
    48  alert('没事,要有耐心');
    49  alert('慢慢听我道来');
    50  alert('你关了么?');
    51  alert('还能看到这里');
    52  alert('真是佩服啊~');
    53  alert('佩服');
    54  alert('佩服');
    55  alert('佩服');
    56  alert('佩服');
    57  alert('佩服');
    58  alert('佩服');
    59  alert('佩服');
    60  alert('佩服');
    61  alert('佩服');
    62  alert('佩服');
    63  alert('佩服');
    64  alert('你还是直接关掉吧');
    65  alert('后面真的没有了');
    66  alert('真的');
    67  alert('真的');
    68  alert('真');
    69  alert('的');
    70  alert('的');
    71  alert('。');
    72  alert('。');
    73 </script>
    74 </head>
    75 <body>
    76 </body>
    77 </html>
    
    

    相关文章

      网友评论

        本文标题:web前端入门到实战:JavaScript-警告(alert 消

        本文链接:https://www.haomeiwen.com/subject/zbdcvhtx.html