js | 易学教程

js 原型链

阅读更多关于 js 原型链

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> var person = function (name) { this.name = name; }; person.prototype.getName = function() { return this.name; }; var student = new person('jerome'); console.log(student); // person { name: 'jerome' } console.log(student.prototype); //undefined, 对象原型没有prototype console.log(student.__proto__); // person {} console.log(person); // function person(name) console.log(person.prototype); // person {} console.log(person.__proto__); // function Empty() console.log(person

JS奇异写法

阅读更多关于 JS奇异写法

字符串转成整型 typeof Number('44.5'); typeof parseInt('44.5'); typeof parseFloat('44.5'); typeof ('44.5'-0); typeof +'44.5'; typeof ('44.5'*1); typeof ~~'44.5';//http://james.padolsey.com/javascript/double-bitwise-not/ typeof '44.5'|0 快速转换成布尔值 !!(5555) ！function(){} !function ($) { //do sth }(window.jQuery); 很奇怪的发现他们在 function 前面加上了感叹号，但往下看到结尾部分的代码 (window.jQuery) 似乎明白了点什么，于是去 stackoverflow 上搜了下。果然有很多人提过这个问题，这里放出一个： [What does the exclamation mark do before the function?](http://stackoverflow.com/questions/3755606/what-does-the-exclamation-mark-do-before-the-function) 正如之前所想，其加上了！的作用，即将前面的匿名函数

js数据类型的转换

阅读更多关于 js数据类型的转换

一、判断该变量的数据类型 typeof() 其中有两种判断方法，可以添加括号，也可以不添加括号，直接判断声明变量。 // var age = 18; // var name = 'zs'; // //1、 number // console.log(typeof age); // // string // console.log(typeof name); // // 2、typeof 返回的结果是什么类型 string类型 // var result = typeof name; // console.log(typeof(result)); 二、字符串类型的转换变量名 + .toString() 或者是 String( 变量名 ) // 转换为字符串类型的方法一 .toString() // var name="su"; // var age = 18; // console.log(typeof age.toString()); // //转换为字符串类型的方法二 String() // var name="su"; // var age = 18; // console.log(String(age)); // console.log(typeof(String(age))); 三、将其转化为数字类型。 //转换为数字类型的方法一 // // Number()

图片滚动js代码

阅读更多关于图片滚动js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=" Content-Type" content=" text/html; charset=gb2312" /> <meta name=" keywords" content=" JS代码,图片特效,JS广告代码,JS特效代码" /> <meta name=" description" content=" 此代码内容为四图横向滚动效果（可自动可手动），属于站长常用代码，更多图片特效代码请访问xw素材网JS代码频道。" /> <title>jquery图片左右无缝滚动带有手动和自动图片滚动_xw素材网 </title> <link type=" text/css" href=" css/jq22.css " rel=" stylesheet" /> <script type=" text/javascript" src=" js/jquery.js "> </script> <script type="

JS输出JSTL

阅读更多关于 JS输出JSTL

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" import="java.util.*"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="./js/jquery-1.9.1.min.js"></script> </head> <body> <% List list = new ArrayList(); list.add("11"); list.add("22"); list.add("33"); list.add("45"); request.setAttribute("list", list); %> <div id="test"> </div

vue的基础用法

阅读更多关于 vue的基础用法

基础用法(没有搭建框架就在html文件里演示) 一、 Hello World起步 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello World</title> </head> <body>  <div id="app">  <h1>{{ msg }}</h1> </div>  <script src="https://unpkg.com/vue/dist/vue.js"></script> <script> // 创建一个vue对象，同时将这个对象挂载到 #app（这里是元素id）的元素上 let app = new Vue({ // 挂载点 el: '#app', // Vue 对象中管理的数据 VM ( ViewModel ), 可以直接在面板上通过声明来进行数据访问 data: { msg: 'Hello World' } }) </script> </body> </html> 浏览器显示如图: 二、模板语法 2.1、v-html指令双大括号会将数据解释为纯文本，而非 HTML 。为了输出真正的 HTML ，你需要使用 v-html 指令被插入的内容都会被当做 HTML ——

js for循环和forEach()

阅读更多关于 js for循环和forEach()

var arr = [ 'alon' , 'lili' , 'lisa' , 'jenny' , 'jiso' ] ; 1. for…of 循环的是value for ( var item of arr ) { console . log ( 'yi' , item ) ; } // 返回的是： 'alon','lili','lisa','jenny','jiso' 2. for…in 循环的是下标 for ( var index in arr ) { console . log ( 'er' , index ) ; } // 返回的是：0,1,2,3,4 3. forEach() forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。语法： array.forEach(function(currentValue, index, arr), thisValue) currentValue：必需。当前元素 index：可选。当前元素的索引值。 arr：可选。当前元素所属的数组对象。 thisValue：可选。传递给函数的值一般用 “this” 值。如果这个参数为空，则返回"undefined"。来源： CSDN 作者： nnaay_ 链接： https://blog.csdn.net

js异步加载和时间线的理解

阅读更多关于 js异步加载和时间线的理解

JS的异步加载方案有三种 1.defer 仅限IE 2.async html5中新增属性 3.按需加载：　　创建script标签　　为其设置src属性　　成为异步后再插入到dom中 defer 属性在 < ! DOCTYPE html > < html > < head > < script src = "test1.js" defer = "defer" > < / script > < script src = "test2.js" defer = "defer" > < / script > < / head > < body > < ! -- 这里放内容 -- > < / body > async 属性 < head > < script src = "test1.js" async > < / script > < script src = "test2.js" async > < / script > < / head > 动态创建DOM方式 //这些代码应被放置在标签前(接近HTML文件底部) < script type = "text/javascript" > function downloadJSAtOnload ( ) { varelement = document . createElement ( "script" ) ; element .

JS 复制到黏贴板上

阅读更多关于 JS 复制到黏贴板上

iOS下JS与原生的交互一

阅读更多关于 iOS下JS与原生的交互一

本篇主要讲的是UIWebView和JS的交互，在下一节会有wkWebView和JS交互的详解https://www.cnblogs.com/llhlj/p/9144110.html JS调用原生OC 方式一：url拦截，这里略过注意：在iOS中拦截到的url scheme将全部转化为小写； html中需要设置编码，否则中文参数可能会出现编码问题； JS用打开一个iFrame的方式替代直接用document.location的方式，document.location 有一个很严重的问题，就是如果我们连续 2 次改 document.location 的话，在 delegate 方法中，只能截获后面那次请求，前一次请求由于很快被替换掉，所以被忽略掉。方式二：通过JavaScriptCore（iOS 7之后），用来做JS交互，因此JS与原生OC交互也变得简单了许多。 //获取js上下文，及本地添加js调用方法，一般情况下都放在-(void)webViewDidFinishLoad:(UIWebView *)webView方法里。 -(void)webViewDidFinishLoad:(UIWebView *)webView{ //获取js上下文 self.jscontext = [webView valueForKeyPath:@"documentView.webView

订阅 js