JavaScript笔记（四）

最新推荐文章于 2024-03-16 13:21:00 发布
最新推荐文章于 2024-03-16 13:21:00 发布
阅读量77 收藏
点赞数
分类专栏： Java学习 文章标签： java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zn0999/article/details/104420104
版权

demo4.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

<script>
    function p(s,v) {
        document.write(s + " " + v);
        document.write("<br>");
    }
</script>

<!--    BOM即 浏览器对象模型(Browser Object Model)-->

<!--    浏览器对象包括-->
<!--    Window(窗口)-->
<!--    Navigator(浏览器)-->
<!--    Screen (客户端屏幕)-->
<!--    History(访问历史)-->
<!--    Location(浏览器地址)-->

    <script>
        // 一旦页面加载，就会自动创建window对象，所以无需手动创建window对象。
        // 通过window对象可以获取文档显示区域的高度和宽度
        document.write("文档内容<br>");
        document.write("文档显示区域的宽度：" + window.innerWidth);
        document.write("<br>");
        document.write("文档显示区域的高度：" + window.innerHeight);
        document.write("<br>");
    </script>

    <script>
        //获取外部窗体即浏览器的宽度和高度
        document.write("外部窗体的宽度：" + window.outerWidth);
        document.write("<br>");
        document.write("外部窗体的高度：" + window.outerHeight);
        document.write("<br>");
    </script>

    <script>
        //打开一个新的窗口
        //window.open("");

        function openNewWindow(){
            newWindow = window.open("");
        }
    </script>
    <button onclick = "openNewWindow()">打开一个新窗口</button>
    <br>

    <script>
        //Navigator即浏览器对象，提供浏览器相关信息
        p("浏览器产品名称：" ,navigator.appName);
        p("浏览器版本号：",navigator.appVersion);

        document.write("<p>浏览器内部代码：");
        document.write(navigator.appCodeName + "</p>");
        document.write("<p>操作系统:");
        document.write(navigator.platform + "</p>")

        document.write("<p>是否启用Cookies：" + navigator.cookieEnabled + "</p>");
        document.write("<p>浏览器的代理用户报头：" + navigator.userAgent + "</p>");
    </script>

    <script>
        //Screen对象表示用户的屏幕相关信息
        //看到的可用区域的高度会比屏幕高度小一点，因为有任务栏的存在
        p("用户屏幕分辨率：",screen.width + "*" + screen.height);
        p("可用区域大小：",screen.availWidth + "*" + screen.height);
    </script>

    <script>
        //返回上一次访问
        function goBack() {
            history.back();
        }
        //返回上上次访问
        function goBack2(){
            history.go(-2);  //-1表示上次，-2表示上上次  ，类推
        }
    </script>
    <button onclick = "goBack()">返回上次访问</button>
    <button onclick = "goBack2()">返回上上次访问</button>
    <br>


<!--    Location表示浏览器中的地址栏-->
    <script>
        //reload方法刷新当前页面
        var d = new Date();
        document.write(d.getHours());
        document.write(":");
        document.write(d.getMinutes());
        document.write(":");
        document.write(d.getSeconds());
        document.write(":");
        document.write(d.getMilliseconds());
        function refresh() {
            location.reload();
        }
    </script>
    <br>
    <button onclick = "refresh()">刷新当前页面</button>

    <script>
        function jump(){
            //跳转到另一个页面
            //方法1
            //location = "/";

            //方法2
            location.assign("/");
            //assign 会添加记录到浏览历史，点击后退可以返回之前页面
        }
    </script>
    <br>
    <button onclick = "jump()">跳转</button>
    <br>

    <script>
        p("协议：",location.protocol);
        p("主机号：",location.hostname);
        p("端口号（默认是80，没有即表示是80端口):",location.port);
        p("主机加端口号：",location.host);
        p("访问的路径:",location.pathname);
        p("锚点：",location.hash);
        p("参数列表：",location.search);
    </script>

<!--    弹出框-->
    <script>
        //警告框，常用于消息提示 alert
        function register(){
            alert("注册成功");
        }

        //确认框 confirm
        function del(){
            var d = confirm("是否要删除？");
            alert(typeof d + " " + d);
        }

        //输入框 prompt
        function input() {
            var name = prompt("请输入用户名：");
            alert("您输入的用户名是：" + name);
        }
    </script>
    <br>
    <button onclick = "register()">注册</button>
    <br>
    <button onclick = "del()">删除</button>
    <br>
    <button onclick = "input()">输入用户名</button>
    <br>

<!--    函数setTimeout(functionname, 距离开始时间毫秒数 );-->
<!--    通过setTimeout在制定的毫秒数时间后，执行一次 函数functionname-->
    <script>
        function printTime() {
            var d = new Date();
            var h = d.getHours();
            var m = d.getMinutes();
            var s = d.getSeconds();
            document.getElementById("time").innerHTML = h + ":" + m + ":" + s;
        }
        function showTimeInThreeSeconds(){
            setTimeout(printTime,3000);
        }

    </script>
    <div id = "time"></div>
    <button onclick="showTimeInThreeSeconds()">点击3秒后显示当前时间，并且只显示1次</button>

    <br>

<!--    函数setInterval(函数名, 重复执行的时间间隔毫秒数 );-->
<!--    通过setInterval重复执行同一个函数，重复的时间间隔由第二个参数指定-->
    <p>每隔一秒钟，打印当前时间</p>
    <div id = "time2"></div>
    <script>
        function printTime() {
            var d = new Date();
            var h = d.getHours();
            var m = d.getMinutes();
            var s = d.getSeconds();
            document.getElementById("time2").innerHTML = h + ":" + m + ":" + s;
        }
        var t = setInterval(printTime,1000);
    </script>

    <br>
    <br>

    <p>每隔1秒钟，打印当前时间</p>

    <div id="time3"></div>

    <script>

        var t = setInterval(printTime,1000);

        function printTime(){
            var d = new Date();
            var h= d.getHours();
            var m= d.getMinutes();
            var s= d.getSeconds();
            document.getElementById("time3").innerHTML= h+":"+m+":"+s;
            if(s%5==0)
                clearInterval(t);
        }

    </script>
    <br>


</head>
<body>




</body>
</html>
zn0999
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript笔记四.md
11-02
JavaScript笔记四.md
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
javascript笔记
最新发布
2301_80250017的博客
03-16 877
1. JavaScript是Web开发领域中的一种强大的编程语言，主要用于开发交互式的网页。我们在计算机，手机等设备上浏览的网页，其多数交互逻辑都可以通过JavaScript实现。下面介绍HTML，CSS，JavaScript的区别2.JavaScript是由ECMAScript，DOM，BOM3.JavaScript初体验像这样使用，在网页打开时会弹出一个警告框，内容为Hello JavaScript。
Javascript入门学习笔记
weixin_61370021的博客
04-27 4593
JS入门学习笔记，JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。
JavaScript笔记（全）
程序猿小九九的博客
06-04 6138
JavaScript是一门世界上最流行的脚本语言一个合格的后端人员，必须要精通JavaScriptECMAScript可以理解为JavaScript的一个标准最新版本已经到es6但是大部分浏览器还只停留在支持es5代码上开发环境~线上环境，版本不一致内部标签 外部引入我的第一个JavaScript程序.html qj.js 03、浏览器控制台使用 04、数据类型快速浏览 变量 numberjs不区分小数和整数，number 字符串‘abc’“abc”布尔值truefalse逻辑运算 比较运算符 这
JavaScript 笔记部分导航
GoldenaArcher的博客
05-28 757
重新学习了一下，可以算是用自己的语言重新组织了一下上面的笔记，并且增添了自己写的一个小案例，感觉现在才算是对 iterator 和 generator 稍微入门一些了。看了看也快 50 篇笔记了，稍微整理一下写了点什么，之后复习的时候也方便找内容。一个整合，第 5 章的内容是基本引用类型，其中一部分内容拆成不同的笔记了。array，map & set 部分内容因为内容量的关系，也单独拆了出来。其实这里的内容，语句里面都提过，然后忘了。暂时归类到这里，等红宝书过到这里再看看要不要修改……
JavaScript笔记
Blue_Pepsi_Cola的博客
01-03 2936
JavaScript一门弱类型脚本语言，其源代码在发往客户端运行之前不需要经过编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。JavaScript（行为）：是一种弱类型脚本语言，其源码不需经过编译，而是由浏览器解释运行，用于控制网页的行为。2.字符串类型：string var s = “abc”/‘abc’;只声明不赋值就是未定义类型。// fn2("孙尚香",60);// fn5("刘备",20);// fn6("吕布",18);//调用 和java一样调用。
JavaScript学习笔记
郑德帅
12-17 1万+
1..什么是JavaScript? 客户端的解释性脚本语言.与Java之间不存在任何关系; 2.JavaScript的语法结构，声明与引入 <script type="text/javascript">...</script> <script type="text/javascript" src="JS文件路径及名称"></scrip...
JavaScript Math 对象笔记
热门推荐
Mr_Bobcp的博客
11-16 1万+
目录定义属性和方法Math对象属性Math对象方法例子 定义 Math 对象主要是为了方便解决数学上的常见但不常规的计算，属性包含如圆周率这类特定数值，方法包含如取绝对值这类计算。 Math对象的使用就是调用函数把返回值赋给变量，不需要实例化。 属性和方法 Math对象属性 属性 描述 数学表达 数值大小 E 自然指数 e 2.71828… LN2 2的自然对数 ln2 0.69314… LN10 10的自然对数 ln10 2.30258… LOG2E 2为底数，e的对数 log
JavaScript高级 笔记
踩的坑越多，经验越多
09-16 2952
JavaScript高级 学习笔记总结
javascript笔记.pdf
11-28
javascript笔记.pdf
javascript学习笔记
11-24
JavaScript是一种广泛应用于网页和网络应用的编程语言，它在客户端运行，无需专门的编译步骤，而是由浏览器实时解释执行。这种解释型的特性使得JavaScript轻便且灵活，能够快速响应用户交互，提升Web应用程序的动态...
李立超JavaScript基础篇笔记
02-02
JavaScript，简称JS，是由Brendan Eich在1995年创造的一种高级编程语言，最初目的是为了增强网页的交互性，特别是在前端进行表单验证。JavaScript不是Java的子集，两者之间没有直接关联。JS起初名为LiveScript，但在...
Future.get()抛出ExecutionException或InterruptedException？
zn0999的博客
10-12 5095
ExecutionException和InterruptedException是两个非常不同的事情。 ExecutionException封装了正在执行的线程抛出的任何异常，所以如果线程是做某种IO导致抛出IOException异常的，那么它会被包装在一个ExecutionException中并被重新抛出。 InterruptedException不是任何出错的迹象。在那里给你一种让你的线程知道什么时候停止的方法，以便他们完成当前的工作并优雅地退出。假设我希望我的应用程序停止运行，但我不希望我的线程放弃他.
isEmpty()
zn0999的博客
10-21 1797
if(null != array&&!array.isEmpty()) { } 正常 if(array.isEmpty()){ } 空指针异常 isEmpty() 用于判断List内容是否为空，即list里一个元素也没有，但是必须在 List本身不是空的引用的情况下才行。 即对象本身不能是空对象。 null一般判断该List的引用也空的情况下 例如： List list1 =null; List list2=new ArrayList(); System.out.println(li
map循环中remove元素后会报空指针异常
zn0999的博客
04-01 1310
for (Map.Entry<String, LpEvaluationPart> entry : comparePartMap.entrySet()) { // System.out.println("key = " + entry.getKey() + ", value = " + entry.getValue()); incFlag2 = scpMutesService.incCompare(m...
SQL中join的用法
zn0999的博客
10-12 952
第一种：Inner join 解释：产生的结果是A和B的交集（相同列里面的相同值）。内连接是最常见的一种连接，它也被称为普通连接，只连接匹配的行（仅对满足连接条件的CROSS中的列）。它又分为等值连接（连接条件运算符为"="）和不等值连接（连接条件运算符不为"="，例如between…and）。 SELECT *FROM b INNER JOIN A on b.name=A.name 第二种：Full Outer Join 解释：产生的结果是A和B的并集（如果没有相同的值会用null作为值）。FULL JO
pgsql触发器
zn0999的博客
09-22 654
pj_custom_audit_images表里的数据因为程序问题会被全部删除，有了这个触发器会在pj_custom_audit_images插入数据时同时插入pj_custom_audit_images_backup备份表里，即使主表数据被删除，备份表里还有一模一样的数据，可以重新导入到主表应用，或者也可以在这个备份表里查询。 -- 注释：新建B表（备份表，和A表（pj_custom_audit_images）结构表相同） create table pj_custom_audit_images_back
查询配件数量记录（重点：报文中对象装换）
zn0999的博客
09-30 482
Controller: @RequestMapping("/getVehicleInfoAndPartNumByVin/{vin}") public @ResponseBody JsonResult<LossResponse> getVehicleInfoAndPartNumByVin(@PathVariable("vin") String vin,HttpServletRequest request) throws Exception { String insCode = InsCod

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值