TypechoJoeTheme

香草物语

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码
搜索到 10 篇与 的结果
2021-11-23

JS !(非运算)详解

JS !(非运算)详解
逻辑非运算!是布尔取反操作(NOT)。作为一元运算符,直接放在操作数之前,把操作数的值转换为布尔值,然后取反并返回。下面是一些特殊操作数的逻辑非运算返回值。console.log( ! {} ); //如果操作数是对象,则返回false console.log( ! 0 ); //如果操作数是0,则返回true console.log( ! (n = 5)); //如果操作数是非零的任何数字,则返回false console.log( ! null ); //如果操作数是null,则返回true console.log( ! NaN ); //如果操作数是NaN,则返回true console.log( ! Infinity ); //如果操作数是Infinity,则返回false console.log( ! ( - Infinity )); //如果操作数是-Infinity,则返回false console.log( ! undefined ); //如果操作数是undefined,则返回true如果对操作数执行两次逻辑非运算操作,就相当于把操作数转换为布尔...
Laughing
2021-11-23

Web前端

728 阅读
0 评论
2021年11月23日
728 阅读
0 评论
2021-05-07

console.log()输出多彩信息

console.log()输出多彩信息
平时我们在前端打印日志,可能直接就是使用console.log(),其实console.log()有很多有趣(也可能无用)的用法。下面我们介绍一下通过console.log()输出多彩日志。console.log()可以通过'%c'输出标准的css样式。console.log("%cMy stylish message", "color: red; font-style: italic"); console.log( "%c3D Text", " text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10p...
Laughing
2021-05-07

Web前端

1,229 阅读
0 评论
2021年05月07日
1,229 阅读
0 评论
2018-01-24

jQuery post打开窗口并传递数据

jQuery post打开窗口并传递数据
有时候,在项目中,我们为了隐藏URL,可以通过post的方式打开一个新的窗口,并将数据post到新的网页。以下代码通过一个隐藏的form标签,实现post打开新窗体功能。function openBlank(action,data,n){ var form = $("<form/>").attr('action',action).attr('method','post'); if(n) form.attr('target','_blank'); var input = ''; $.each(data, function(i,n){ input += '<input type="hidden" name="'+ i +'" value="'+ n +'" />'; }); form.append(input).appendTo("body").css...
Laughing
2018-01-24

Web前端

1,129 阅读
0 评论
2018年01月24日
1,129 阅读
0 评论
2018-01-18

JavaScript结合.Net实现base64加、解密

JavaScript结合.Net实现base64加、解密
主要解决问题,客户端通过utf8进行base64加密后,将加密后的信息传送到服务端,服务端对加密后的信息进行解密,获取明文。JavaScript加密、解密代码function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz+/="; // public method for encoding this.encode = function (input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = _utf8_enco...
Laughing
2018-01-18

Web前端

1,097 阅读
0 评论
2018年01月18日
1,097 阅读
0 评论
2017-11-02

Jquery.cookie的使用

Jquery.cookie的使用
在原始的JavaScript中,我们可以通过document.cookie的方式获取cookie,但是由于cookie是字符串,所以当有多个值时,我们需要通过split方法进行截取。除此之外,我们可以通过正则表达式的方式通过名称获取cookie,但是正则表达式不容易阅读,起码我是这么认为的。为了方便读取或者设置cookie,我们可以引用jQuery.cookie插件。安装插件jQuery.cookie的下载地址,大家可以直接去网上下载,引用方法也非常简单,直接引用一个js即可,如下<script src="~/lib/jquery-cookie/jquery.cookie.js" type="text/javascript"></script>使用jQuery.cookie获取cookieif ($.cookie("UserName") != undefined) { $("#RememberMe").attr('checked', 'checked'); } 设置cookie$.co...
Laughing
2017-11-02

Web前端

1,190 阅读
0 评论
2017年11月02日
1,190 阅读
0 评论
2017-07-31

js实现浏览器全屏以及退出全屏

js实现浏览器全屏以及退出全屏
东西很简单,直接上代码/* * 全屏 */ function fullScreen(ele) { var fullScreenEnabled = document.fullScreenEnabled || document.webkitFullScreenEnabled || document.mozFullScreenEnabled || document.msFullScreenEnabled; var isFullScreen = document.fullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement || document.msFullScreenElement; if (fullScreenEnabled === undefined || fullScreenEnabled) { ...
Laughing
2017-07-31

Web前端

1,119 阅读
0 评论
2017年07月31日
1,119 阅读
0 评论
2017-06-30

实时监听输入框值变化的完美方案:oninput & onpropertychange

实时监听输入框值变化的完美方案:oninput & onpropertychange
实时监听输入框值变化的完美方案:oninput & onpropertychange从上面表格可以看出,oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,这个事件在用户界面改变或者使用脚本直接修改内容两种情况下都会触发,有以下几种情况:修改了 input:checkbox 或者 input:radio 元素的选择中状态, checked 属性发生变化。修改了 input:text 或者 textarea 元素的值,value 属性发生变化。修改了 select 元素的选中项,selectedIndex 属性发生变化。在监听到 onpropertychange 事件后,可以使用 event 的 propertyName 属性来获取发生变化的属性名称。集合 oninput & onpropertychange 监听输入框内容变化的示例代码如下:<head> <script type="text/javascript"> // Firef...
Laughing
2017-06-30

Web前端

1,016 阅读
0 评论
2017年06月30日
1,016 阅读
0 评论
2017-06-30

IE8兼容性解决forEach()、addEvntListener

IE8兼容性解决forEach()、addEvntListener
forEach是在第五版本里被添加到 ECMA-262 标准的;这样它可能在标准的其他实现中不存在,你可以在你调用forEach 之前 插入下面的代码,在本地不支持的情况下使用 forEach()。该算法是 ECMA-262 第5版中指定的算法。算法假定Object和TypeError拥有它们的初始值。callback.call 等价于Function.prototype.call()。if ( !Array.prototype.forEach ) { Array.prototype.forEach = function forEach( callback, thisArg ) { var T, k; if ( this == null ) { throw new TypeError( "this is null or not defined" ); } var O = Object(this); var len = O.length >>> 0; ...
Laughing
2017-06-30

Web前端

1,038 阅读
0 评论
2017年06月30日
1,038 阅读
0 评论