模板Javascript中模板的核心概念是,将包含模板变量的HTML片段和Javascript对象做合并,把模板变量替换为对象中的属性值。书中讲到了几种库作为模板引擎,但是链接失效了,可以在这里下载,链接:jQuery.tmpl使用方式很简单,看一下它的说明就行了。给定一个模板,通过给它添加数据就能生成渲染好的元素节点,然后就可以将它添加到页面中,主要使用方法如://数据var object = {url: "http://example.com",getName: function(){ret...
创建对象的三种方式第一种:字面量创建对象代码:var obj={ name:‘张三‘, age:18, sex:‘男‘ } console.log(obj.name);//张三 第二种:利用构造函数创建对象//构造函数 function Hero(name, type, blood) {this.name = name;this.type = type;this.blood = blood;this.attack = function (way) {console.log(way);}}//创建对象var lp = new Hero(‘廉颇‘, ‘力量型‘, ‘500血型‘);lp.attack(‘近战‘);console.log(lp); 第三...
WebBrowser是IE内置的浏览器控件,无需用户下载. 一、WebBrowser控件 <object ID=‘WebBrowser‘ WIDTH=0 HEIGHT=0 CLASSID=‘CLSID:8856F961-340A-11D0-A96B-00C04FD705A2‘></object> 二、WebBrowder控件的方法 //打印WebBrowser1.ExecWB(6,1);//打印设置WebBrowser1.ExecWB(8,1);//打印预览WebBrowser1.ExecWB(7,1); 关于这个组件还有其他的用法,列举如下: WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE...
判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式。一、点( . )或者方括号( [ ] ) 通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回undefined。当然,这里的“不存在”指的是对象自身和原型链上都不存在,如果原型链有该属性,则会返回原型链上的属性值。// 创建对象 let test = {name : ‘lei‘} // 获取对象的自身的属性 test.name //"lei" test["name"] //"le...
DOM简介 HTML DOM:当网页被加载时,浏览器会创建页面的文档对象模型 JavaScript能够改变页面中的所有HTML元素 JavaScript能够改变页面中的所有HTML属性 JavaScript能够改变页面中的所有CSS样式 JavaScript能够改变页面中的所有事件作出反应 DOM操作HTML 改变HTML输出流 注意:绝对不要在文档加载完成之后使用document.write()。这会覆盖该文档 寻找元素 通过id找到HTML元素 通过标签名找...
html对象areaaudiobaseblockquotebodybuttoncanvascolcolgroupdatalistdeldetailsdialogembedfieldsetformiframeframesetimginsinput -button -checkbox -color -date -datetime -datetime-local -email input -month -number -range -password -radio -reset -search -submit input -text -time -url -weekkeygenlinklabellegendlimapmenumenuitemmetameterobjectoloptgroupoptionparamqprogressscriptselectsourcestyletabletdth...
Summary RangesGiven a sorted integer array without duplicates, return the summary of its ranges.For example, given [0,1,2,4,5,7], return ["0->2","4->5","7"].https://leetcode.com/problems/summary-ranges/ 简单的模拟题,合并连续的数字,test case排过序而且不会重复。 1/**2 * @param {number[]} nums3 * @return {string[]}4*/ 5var summaryRanges = function(nums) {6var result = [];7var start = null;8for...
前言又到了一章的总结,这章里的内容。是把我从一个代码的使用者,如何换位成一个代码的编写者。如何让别人用自己的代码更容易,不用去注意太多的无用细节,不用记住冗长的函数名。在使用API时怎样避免使用者会出现理解的偏差。如何处理一些特殊敏感的值,参数如何设置可以更好地自说明,如何减少API对状态的依赖,如何使API更加灵活,更利于用户的编写。下面一一展开介绍,对应的也会说明每条对应希望给到的是哪方面的建议!第53条...
我们经常在做前端面试题的时候,会遇到循环绑定事件后,输出打印结果,很多人总是搞不清楚,今天借此机会跟大家梳理一下闭包相关作用。1.首先我们举一个简单的例子。html部分:<a href="#">首页</a> <a href="#">作品</a> <a href="#">文章</a> <a href="#">工具</a> <a href="#">招聘</a> <a href="#">赛事</a> <a href="#">更多</a>js部分:var a = document.getElementsByTagName("a"); for(var i =0; i<a.le...
Mousetrap is a simple library for handling keyboard shortcuts in Javascript.It is around 2kb minified and gzipped and 4.5kb minified, has no external dependencies, and has been tested in the following browsers:Internet Explorer 6+SafariFirefoxChromeIt has support for keypress, keydown, and keyup events on specific keys, keyboard combinations, or key sequences. Getting startedInclude mousetrap on y...
不管是直接引用function,还是实例化一个function,其返回的闭包函数里的this都是指向window此时的that代表的是实例化的对象!详细出处参考:http://www.jb51.net/article/26982.htm<script type="text/javascript"> //在function中使用this之四 function a() { alert(this == window); var that = this; var func = function() { alert(this == window); alert(that); }; return func; } var b = a(); b(); var c = new a(); c...
感觉上来谈这个前端,结构的部分是使用了标签语言定义了页面的文档内容但是XML和HTML的功能完全相反,XML被用于存储信息,而HTML则用于定义网页结构,辅助其他内容渲染然后C3又可以通过选择器这一功能来对标签进行简单的渲染控制而JS则可以动态改变前二者,和一些事件,让网页能够动态实现一些效果,提升了用户的交互体验 什么是JavaScript?基于浏览器解析的动态编程语言,注意解析这个词语,并不像Java的编译,也就是说,JS并不需...
请看下面的代码,最后alert出来的是什么呢? 1 var name = "Bob"; 2 var nameObj ={ 3 name : "Tom", 4 showName : function(){ 5 alert(this.name); 6 }, 7 waitShowName : function(){ 8 setTimeout(this.showName, 1000); 9 } 10 }; 11 12 nameObj.waitShowName();要解决这个问题我们需要了解Javascript的this关键字的用法。 this指向哪里?一般而言,在Javascript中,this指...
javascript获取上传图片的大小<pre><input id="file" type="file"> <input id="Button1" type="button" value="button" onclick="check()"> <script> window.check=function(){ var input = document.getElementById("file"); if(input.files){ //读取图片数据 var f = input.files[0]; var reader = new FileReader(); reader.onload = function (e) { var data = e.target.result; ...
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2 <html xmlns="http://www.w3.org/1999/xhtml">3 <head>4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5 <title>无标题文档</title>6 <style>7 header{display:block; margin:0 auto; width:100%; text-align:center;}8 header h1{font-size:40px; font-family:Arial, ...