首页 > 其他分享 >js输出、弹窗

js输出、弹窗

时间:2022-11-19 20:46:31浏览次数:47  
标签:段落 输出 script innerHTML js getElementById document 弹窗

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
        window.alert("弹窗");
        //document.getElementById("gaibian").innerHTML = "段落已修改。";
        document.write(Date());//弹出时间
        console.log("控制台输出");
        function myFunction()
        {
            document.getElementById("demo").innerHTML ="我的第一个 JavaScript 函数";
        }
        function myFunctiontC() {
            document.write(Date());
        }
        </script>
    </head>
    <body>
        <h1>我的 Web 页面</h1>
        <p id="demo">一个段落</p>
        <!--在标签中填写onclick事件调用 函数时,不是onclick=函数名,二十onclick=函数名()-->
        <button type="button" onclick="myFunction()">尝试一下</button>
        <!--js弹窗
            windows.alert();警告框
            document.write()方法将内容写到HTMl文档
            innerHtml写入html元素中
            ------使用 document.write() 仅仅向文档输出写内容。
            如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。-----
            console.log 写入控制台,控制台输出
        -->    
        <p id="gaibian">原本内容</p>
        <button type="button" onclick="myFunctiontC()">弹出时间</button>
        <script>
        //script写在前面代码会先加载,所以文本修改,要在文本标签之后写script
            document.getElementById("gaibian").innerHTML = "段落已修改。";
        </script>
        </body>
</html>

 

标签:段落,输出,script,innerHTML,js,getElementById,document,弹窗
From: https://www.cnblogs.com/H-Yan/p/16906971.html

相关文章

  • JS语法语句、变量
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><!--语法与语句,变量--><!--......
  • Node.js通过密钥计算验证码,无需存数据库
    Node.js通过密钥计算验证码,无需存数据库constCRC32=require('crc-32');functionXixiOtp(sKey,iKeeptime=600){constoPri={};oPri.sKey=sKey;......
  • Mybatis出现Caused by: net.sf.jsqlparser.parser.ParseException: ....异常
    今天在开发项目中遇到了一个奇怪的异常,记录一下把!异常信息如下(截取了主要的部分)Causedby:net.sf.jsqlparser.parser.ParseException:Encountered""TOP""top""at......
  • js端 分页导航条
    有些情况界面一次性加载完所有数据,table列表的形式展示:对于这样的情况有时候需要用js将这些数据进行分页显示。下面的js实现的就是纯js分页条。......
  • 日学壹技:json.load() vs json.loads()
    导读本文演示如何使用Python的json.load()和json.loads()方法从文件和字符串中读取JSON数据。使用json.load()和json.loads()方法,您可以将JSON格式的数据转......
  • fpjson使用例子【转】
    lazarusfpjson使用例子procedureTForm1.Button2Click(Sender:TObject);varjData:TJSONData;jDataArr:TJSONData;jObject:TJSONObject;jArray:TJSONA......
  • commonjs规范 require 函数解析
    functionrequire(modulePath){//1.根据传入的模块路径得到模块完整的绝对路径constmoduleId=getModuleId(modulePath)//2.判断缓存if(cache[mo......
  • Bot in Discord with discord.js (9)
    BotinDiscordwithdiscord.js(9)Chapter10-交互四大组件之:按钮新建一个操作行ActionRow上来先导入需要的ActionRowBuilder,用于建立操作行ActionRow。通过ne......
  • js 之在图片添加链接、视频等
    一、效果图   ......
  • JS中各种for循环
    1.for循环vararr=[1,2,3];for(vari=0;i<arr.length;i++){console.log(i+'-'+arr[i]);}//0-1//1-2//2-32. forEach 遍历遍历数组列出......