javascript的封闭函数以及常用内置对象

最新推荐文章于 2020-04-14 13:22:32 发布
最新推荐文章于 2020-04-14 13:22:32 发布
阅读量204 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34788903/article/details/86548986
版权

封闭函数

在封闭函数内部定义的函数与外部函数尽管同名也没有关系，同理，定义的变量也可以同名。
封闭函数的写法，一是加括号，一是加感叹号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>封闭函数</title>
    <script type="text/javascript">
        var num = 22;

        function f() {
            alert("hello ");
        }

        (function () {
            var num = 11;

            function myalter() {
                alert("hello world");
            }

            alert(num);
            myalter()
        })();
        /*封闭函数的第二种写法,前面加一个感叹号或者加一个波浪线*/
        !function(){
            alert("ll");
        }();

        alert(num)

    </script>
</head>
<body>
<div>
    55
</div>
</body>
</html>

常用内置对象

/*
* 1.document
* document.getElemntsByTagName 通过标签名获取元素
* document.getElementsById 通过id获取元素
* document.referrer 获取上一个跳转页面的地址
*
* 2.location
* window.location.href 获取或者重定向url地址
* window.location.search 获取地址参数部分
* window.location.hash 获取页面锚点或者叫hash值
*
* */

<meta charset="UTF-8">
    <title>常用内置对象</title>
    <script type="text/javascript">
        /*
        * 1.document
        *   document.getElemntsByTagName  通过标签名获取元素
        *   document.getElementsById    通过id获取元素
        *   document.referrer   获取上一个跳转页面的地址
        *
        * 2.location
        *   window.location.href    获取或者重定向url地址
        *   window.location.search  获取地址参数部分
        *   window.location.hash    获取页面锚点或者叫hash值
        *
        * */
        window.onload = function () {
            var sUrl = document.referrer;
            /*获取服务器地址,或者说上一个页面地址*/
            var oBtn = document.getElementById("btn01");
            oBtn.onclick = function () {
                window.location.href = sUrl;
                /*但是因为不是服务器地址所以存不下来，这边可以直接写百度网址的字符串*/
            };

            var oBody = window.getElementById('body01');
            var sData = window.location.search;
            /*http://localhost:63342/Javascirpt/%E5%B8%B8%E7%94%A8%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1.html?_ijt=1
            * 如上是访问页面的地址，在最后?问好后面的就是参数，在开放中可以根据不同的参数，使得页面表现形式不一样。
            * 比如现在参数是1
            * 我们得到body的属性，让他的背景颜色变成金色
            * */
            var aRr = sData.split("=");
            var iNum = aRr[1];
            if (iNum == 1) {
                oBody.style.backgroundColor = "gold";
            }
            // if(sData!=null)
            // {
            //     alert(sData);
            // }
            alert(sData);
            /*获取地址参数*/
        }
    </script>
</head>
<body id='body01'>
<input type="button" name="" value="跳转" id="btn01">

</body>
</html>

/*http://localhost:63342/Javascirpt/常用内置对象.html?_ijt=1
* 如上是访问页面的地址，在最后?问好后面的就是参数，在开放中可以根据不同的参数，使得页面表现形式不一样。
* 比如现在参数是1
* 我们得到body的属性，让他的背景颜色变成金色
* */

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <a href="常用内置对象.html">链接到常用内置对象的页面</a>
    <a href="常用内置对象.html?aa=1">链接到常用内置对象的页面1</a>
    <a href="常用内置对象.html?aa=2">链接到常用内置对象的页面2</a>
    <a href="常用内置对象.html?aa=3">链接到常用内置对象的页面3</a>
</body>
</html>

传递不同的参数改变页面的状态。

SpecYue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript封闭函数及常用内置对象示例
10-17
主要介绍了JavaScript封闭函数及常用内置对象,结合实例形式分析了JavaScript封闭函数及常用内置对象的定义与简单使用相关操作技巧,需要的朋友可以参考下
封闭函数三种形式
FreeSpider
05-24 5497
封闭函数三种形式什么是封闭函数，为什么要把函数封闭起来呢？跟着我来给你解答。一个函数定义之后，必须在程序某个地方调用才能去执行，但是封闭函数就不需要去调用，它会在定义之后原地自动执行，而且，在我们正常的程序中，如果两个函数定义的名字重复了，那么其中一个函数是会覆盖掉另外一个函数的功能，最终只有一个函数在执行，那么怎么避免函数同名的情况呢？或者是说，怎么避免我在拿到一份同事写好的代码，想在上面添加新...
JS一起学05：Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作...
u011587845的专栏
11-18 163
一、Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1  获取月份 0-11-----&gt;1-12 oDate.getDate() 获取日 1－31       var arr=['日','一','二','三','四','五','六'];       var oDate=new Date(); ...
封闭空间的使用
lee_xudong的博客
11-16 3118
封闭空间的主要思想在于： JS中给一个变量外面加小括号，是不改变任何结果的。比如：var show = function(){ //定义一个名字为show的函数 alert(12); }; show(); //调用名字为show的函数 上面的show()也可以写成(show)()，然后因为show本身又代表function(){alert(12);};，所以左边括号里的show完全可以用
JavaScript封闭函数
a1209849629的博客
04-14 368
封闭函数 封闭函数是javascript中匿名函数的另外一种写法，创建一个一开始就执行而不用命名的函数。 一般定义的函数和执行函数： function myalert(){ alert('hello!'); }; myalert(); 封闭函数： (function myalert(){ alert('hello!'); })(); 还可以在函数定义前加上 “~”或 “!” ...
JavaScript封闭函数、常用内置对象、js调试方法
weixin_34088583的博客
01-06 110
1.封闭函数 封闭函数是JavaScript中匿名函数的另外一种写法，创建一个一开始就执行而不用命名的函数 /在封闭函数前加’;‘,可以避免js压缩时出错/;(function(){ alert('hello world!'); })(); /*当i大于78时等于78，小于时等于89*/ var i = 90>78?78:89; alert(i); /*第二个写法*/ !fun...
Javascript 类型转换、封闭函数及常见内置对象操作示例
10-15
主要介绍了Javascript 类型转换、封闭函数及常见内置对象操作,结合实例形式分析了JavaScript类型显示转换、隐式转换、变量作用域、封闭函数及常用内置对象相关操作技巧,需要的朋友可以参考下
JavaScript内置函数与内置对象.doc
04-03
JavaScript内置函数与内置对象.doc
JavaScript 的常用内置对象
01-08
目录JavaScript 常用内置对象1. 字符串2. 数组3. 日期4. 数学运算5. 全局函数 JavaScript 常用内置对象 1. 字符串 字符串 //1.构造字符串对象可以使用 双引号,单引号,反引号,new关键字 //双引号字符串 let s1...
Json--JavaScript的对象表示法
spec_yue
01-24 221
json是类似于JavaScript对象的一种数据格式，目前这格式比较流，逐渐替换掉了xml的数据格式 JavaScript自定义对象 var oMan={ name:'tom', age:16, talk:function(s){ alert("我会说"+s)； } } json格式的数据 { “name”:"tom", "age":18 } 与json对象不同的是，json数...
JavaScript中的封闭函数
gxz987的博客
05-17 334
封闭函数是javascript中匿名函数的另外一种写法，创建一个一开始就执行的匿名函数 封闭函数三种写法 <script> // 第一种写法 ;(function(){ alert("封闭函数1") })() // 第二种写法 !function(){ ...
js中封闭函数和定时器
S201314yh的博客
06-09 343
定时器在javascript中的作用1、定时调用函数2、制作动画setTimeout 只执行一次的定时器clearTimeout 关闭只执行一次的定时器setInterval 反复执行的定时器clearInterval 关闭反复执行的定时器var time1 = setTimeout(myalert,2000); var time2 = setInterval(myalert,2000); cl...
基于TC72（SPI接口）温度传感器、STM32F103C8T6、LCD1602、FREERTOS的温度采集proteus仿真
05-21
spi
ehcache-core-2.6.9.jar
05-21
javaee/javaweb常用jar包，亲测可用，导入到java工程中即可使用
netty-transport-native-unix-common-4.1.51.Final.jar
05-21
javaEE javaweb常用jar包 ， 亲测可用，下载后导入到java工程中使用。
node-v6.14.4-headers.tar.xz
05-21
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v10.8.0-headers.tar.xz
最新发布
05-21
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
JavaScript常用内置对象使用例题
05-30
好的，下面是几个常用内置对象的使用例题： 1. 字符串对象 ```js let str = "hello world"; // 获取字符串长度 console.log(str.length); // 11 // 转换为大写字母 console.log(str.toUpperCase()); // "HELLO WORLD" // 替换字符串 console.log(str.replace("world", "JavaScript")); // "hello JavaScript" ``` 2. 数组对象 ```js let arr = [1, 2, 3, 4, 5]; // 获取数组长度 console.log(arr.length); // 5 // 获取数组中第一个元素 console.log(arr[0]); // 1 // 循环遍历数组 for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } // 在数组末尾添加一个元素 arr.push(6); console.log(arr); // [1, 2, 3, 4, 5, 6] // 删除数组中最后一个元素 arr.pop(); console.log(arr); // [1, 2, 3, 4, 5] ``` 3. Date对象 ```js let now = new Date(); // 获取当前时间 console.log(now); // Sat Jul 10 2021 14:32:06 GMT+0800 (中国标准时间) // 获取当前时间的年份 console.log(now.getFullYear()); // 2021 // 获取当前时间的月份（0表示1月） console.log(now.getMonth()); // 6 // 获取当前时间的日期 console.log(now.getDate()); // 10 ``` 4. Math对象 ```js // 获取随机数（0-1之间） console.log(Math.random()); // 0.123456789 // 获取一个数的绝对值 console.log(Math.abs(-10)); // 10 // 获取两个数的最大值 console.log(Math.max(1, 2, 3, 4, 5)); // 5 ``` 以上只是一些常用内置对象的例题，JavaScript内置对象非常多，不同的对象有不同的属性和方法，需要根据实际需求灵活运用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值