![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 64
sd2131512
这个作者很懒,什么都没留下…
展开
-
javascript原型prototype,原型链简要纪要
近期在研究成熟javascript三方组件移植鸿蒙的问题,由于鸿蒙里Arki引擎与web/nodejs的语法以及内置对象的差异,看到很多同学大都采用侵入式修改来移植,因此往往修改几个方法,就把整个git库给移植了。针对之前了解的javascript原型,原型链的知识,本周逐步复习了下,重点在B站上听了下【跟山地人学JavaScript系列教程】课16.理解什么是原型-Prototype和__prop__和原型链?_哔哩哔哩_bilibili其里面说的文章见:对象原型 - 学习 Web 开发 | MDN利用J原创 2022-06-10 14:29:16 · 169 阅读 · 0 评论 -
js中substring,substr,slice的用法
substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置,从零开始的索引参数 描述start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的转载 2011-07-03 12:47:03 · 3307 阅读 · 1 评论 -
DIV内部的最后一个元素的margin-bottom不算高度
今天在做项目的时候遇到的一个问题,暂时还没有解释的清 一个父元素的div,高度没有设定(就是auto嘛),那么他的高度应该是由里面的元素高度之和决定。 我们在里面放入了多个块级元素,且没有用到浮动和定位,就是这么挨个堆下来。 最后用jQuery.outHeight获取父级元素高度时,发现DIV内部的最后一个元素的margin-bottom的高度没有被算进来 所原创 2011-06-26 09:21:00 · 2830 阅读 · 1 评论 -
JS属性的枚举和删除
<br />var book=new Object();<br />book.title="JS手册";<br />book.price=25.22;<br />for(var name in book){<br /> alert("name:"+name+" value:"+book[name]);<br />}<br />for in 会循环所有用户自定义的属性,但每次循环是没有顺序的。继承的用户定义属性也可以使用for in循环出来。<br />可以用delete删除一个属性。<br转载 2011-04-16 20:26:00 · 3027 阅读 · 0 评论 -
js事件的学习心得
<br />js和html之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。<br /> <br />我们现在通过jquery的bind,unbind,trigger方法可以很好的操作dom元素上的事件,且兼容浏览器。<br /> <br /> <br />然而实际上各浏览器之间的事件还是有所不同的,只是jquery帮我们很好的封装了一层,但我们还是要稍微了解下之间的区别。<br /> <br /> <br />浏览器上的事件类型分为了3种,在IE上的叫做冒泡型事件<br />比如:<html><b原创 2011-03-29 22:55:00 · 838 阅读 · 0 评论 -
jquery.fn.extend与jquery.extend
<br />jQuery为开发插件提拱了两个方法,分别是:<br />JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); <br />jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。<br />jQuery.fn.extend(object);给jQuery对象添加方法。<br />fn 是什么东西呢。查看jQuery代码,就不难发现。<br /> JavaScript代码jQuery转载 2011-03-22 21:54:00 · 1578 阅读 · 1 评论 -
ZParse javascript模版引擎
ZParse is a multi-purpose, extensible, self-defineable javascript template parsing system which lets you define your templating rules. It acts like a preprocessor and parses strings containing defined delimiters and tags into a javascript function. It is s原创 2010-10-22 22:39:00 · 742 阅读 · 0 评论 -
minmax.js 解决IE6不支持max-width 和 max-height 属性
minmax.js 是一个用来解决 IE6 浏览器无法支持 css 的 max-width 和 max-height 属性这个问题所编写的JavaScript库,只需要在页面上增加如下代码,便可以支持 max-width 和 max-height 属性。提供一个下载地址原创 2010-10-22 22:26:00 · 939 阅读 · 0 评论 -
document.createElement()
<br />document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。<br /> <br /> 下面,举例说明document.createElement()的用法。<div id="board"></div><br /> <br />例1:<br />转载 2010-09-26 20:37:00 · 5319 阅读 · 0 评论 -
alert(234['toString']['length']);求解
答案是1 其实弄清楚3个知识点,就能理解了 1. 234['toString'] 其实就是234.toString() 2. 对于Number toString() 方法可把一个 Number 对象转换为一个字符串,并返回结果。 Numbe原创 2011-07-04 22:49:58 · 1178 阅读 · 0 评论 -
当iframe嵌入子网页时,如何使用js交互。比如父窗口iframe自适应子网页高度
https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage父窗口iframe自适应子网页高度。如果普通调用js获取子窗口高度,会暴权限问题,请参考上文子窗口加入js代码window.addEventListener("message", receiveMessage, false);function receiveMe...原创 2018-04-13 08:52:51 · 309 阅读 · 0 评论 -
安装Angular CLI,准备学习Angular2
The Angular CLI is a tool to initialize, develop, scaffold and maintain Angular applications初学Angular2,想使用官方推荐的方法初始化工程,并启动服务,打包,测试等。在外网安装方法(China):1.安装nodejs,当前版本nodejs8.9.4 npm5.6.02.Inst原创 2018-02-01 09:15:00 · 655 阅读 · 0 评论 -
基于Swagger接口,使用nodejs开发微服务的步骤
方法一:使用swagger-node组件参考https://scotch.io/tutorials/speed-up-your-restful-api-development-in-node-js-with-swaggerhttps://github.com/swagger-api/swagger-node优点:可以使用express或其他框架自动生成代码,修改原创 2016-12-20 17:28:26 · 6263 阅读 · 0 评论 -
JavaScript检测实例属性, 原型属性
0.前提JavaScript对象的属性分为两种存在形态. 一种是存在实例中, 另一是存在原型对象中.根据上述, 检测属性的时候会出现4种情况既不存在实例中, 也不存在原型对象中存在实例中, 不存在原型对象中不存在实例中, 存在原型对象中既存在实例中, 也存在原型对象中1.hasOwnPrototype()hasOwnPrototype()接受一个转载 2015-08-30 10:09:55 · 541 阅读 · 0 评论 -
chrome下获取元素实际margin的方法
传统使用document.body.style.marginTop只能获取到内联的样式 但是如果使用css中定义的margin,则无法获取到元素实际的高度,如: body { margin: 10px } 参考如下文章,可解决:http://javascript.info/tutorial/styles-and-classes-get原创 2014-12-30 19:45:46 · 2744 阅读 · 0 评论 -
前台技术纪要
听了一个高手的介绍,记录些提到的东西CSS编辑技术: LESS , SASSJS编辑技术:coffee script / 微软 scriptyeomon/grunt:打包压缩js/css/html,可减少体积,并每次生成版本号,保障浏览器缓存require.js , sea.js 动态加载js编辑器sublime + emm原创 2014-12-18 21:53:53 · 517 阅读 · 0 评论 -
Sublime text安装emmet
没要重写,把参考的文档发下吧: 用的是Sublime text2.02 , 安装Emmet成功 参考https://sublime.wbond.net/installation#st2 安装package control 参考http://www.ituring.com.cn/article/47310 安装 Emmet 插件 Emmet 的使用文档参考:ht原创 2014-01-05 18:57:36 · 3170 阅读 · 0 评论 -
HTML5文件API之图片预览
原文转自 http://www.php100.com/html/webkaifa/HTML5/2011/0806/8542.html 图片上传在当今的Web应用中是一个非常常用的功能,如果不需要在上传前进行图片预览则可以简单的使用HTML+Javascript来实现转载 2011-08-07 13:23:35 · 1109 阅读 · 0 评论 -
firebug命令
$(id) $$(selector) $x(xpath) dir(object) clear() inspect(object[, tabName]) keys(object) values(object) debug(fn) & undebug(fn) 测试性能的API:console.profile('Measuring time'); console.profileEnd();日志API: console.log : 打印信息(不带任何图标) console.debug:在控制台上原创 2010-09-25 22:01:00 · 608 阅读 · 0 评论 -
jquery小记
1.判断节点是否显示 .is(:visible) 2.获取节点宽度 width() width innerWidth() width+padding outWidth() width+padding+border outWidth(true) width+pad原创 2010-05-10 20:34:00 · 600 阅读 · 0 评论 -
如何取得瀏覽器視窗高度及寬度 (跨瀏覽器)
解決辦法: 關鍵在於處理不同瀏覽器對document元素的處理,另外就是對使用的CSS是否嚴格的要做一個判斷.Code: 01//取得瀏覽器視窗高度 02function getBrowserHeight() { 03 if ($.browser.msie) {转载 2010-01-18 23:00:00 · 710 阅读 · 0 评论 -
相应键盘事件,兼容firefox与IE
在IE下,我们可以在使用这样的代码获得键盘的按键:view plaincopy to clipboardprint?var val= event.keyCode; var val= event.keyCode; 但是,这句代码在Firefox下就无法使用。而且,event在IE下是全局对象,可以直接使用,但Firefox中则不能这样。为了能够达到兼容,我们可以使用下列的代码:转载 2009-10-27 21:52:00 · 841 阅读 · 0 评论 -
comfirm确认后再提交
背景:有时我们在网页中,需要让用户确认以后再提交或者删除等 return comfirm("您确定提交?")"> “return” 一定不能少,否则无法成功原创 2009-10-20 21:39:00 · 1121 阅读 · 0 评论 -
js 复制到剪贴板 ,兼容支持火狐firefox 和 ie
web开发中常常要实现“复制到剪切板”功能。这个功能很实用,但是由于安全问题,浏览器的限制越来越严,实现的方法也越来越有限了。Firefox 默认下不能直接通过Javascript操作剪切板,必须开启相关的设置才行。想只通过Javascript技术实现跨浏览器的剪切板是行不通的。现在常用的方法是利用JavaScript+Flash实现,普遍流传的办法是_clipboard.swf,这是国外最早实现原创 2009-10-12 22:53:00 · 3637 阅读 · 4 评论 -
js判断客户端文件大小
背景:上传文件前就先要在客户端判断文件大小,免得让用户传了很久后发现上传失败 在网上找了很久,东平西凑了下面的代码,测试在ff和ie中通过 不过对于ie,如果用户禁止了activex控件,则无法生效,但我没有找到更好的办法网上还有用img来判断文件大小的,但我测试在ie7,8下不行,希望有高手能赐教 "http://www.w3.org/TR/xht原创 2009-10-11 09:45:00 · 1625 阅读 · 0 评论 -
js实现复制到系统剪贴板之IE,firefox兼容版
好复杂,测试了下,能用~~~~ http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">// function copy_clip(copy){if (window.clipboardData){window.clipboardData.setData("Text", copy);}else if (window.netscape){ne原创 2009-09-21 23:24:00 · 899 阅读 · 0 评论 -
使用jquery异步获取数据(ajax技术)
table.php: echo "aaaa";echo "";echo $_REQUEST["id"];?> 方法一:testajax.php: function getRequest(){ $("#target").load("table.php"); alert("xxxxxxxxxx"); }原创 2009-09-20 21:16:00 · 2449 阅读 · 0 评论 -
实现表格隔行变色
先写好两个tr的class.如class1,class2 1.使用javascript window.onload=function(){ var table=document.getelementbyId("oTable");for (var i=0;i if (i%2==0){ table.rows[i].className="clas原创 2009-09-20 10:00:00 · 619 阅读 · 0 评论 -
frame的使用 以及javascript对其的操作
FRAMESET 标签是 FRAME 元素的容器。HTML 文档可包含 FRAMESET 元素或 BODY 元素之一,两者不能同时使用。框架将网页分成几个框窗,同时取得多个URL。用 即可,所有框架标记需要放在一个总起的 html 文档里,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 标记。 是用来定义和划分框窗,每一窗框由一个 标记所标示,必须在 范围中使用。转载 2010-01-16 22:31:00 · 1852 阅读 · 0 评论 -
JavaScript处理Json
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。 JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性原创 2010-01-21 22:54:00 · 1446 阅读 · 0 评论 -
得到标签的名称+dom节点的属性
document.getElementById("aa").nodeName 更多属性请参考 https://developer.mozilla.org/En/DOM/Element原创 2010-04-21 23:34:00 · 774 阅读 · 0 评论 -
去除javascript数组中的相同元素
function uniqueArr(arr){ arr = arr || []; var a = {}; for (var i=0; i { var v = arr[i]; if (typeof(a[v]) == undefined) { a[v] = 1; } } arr.原创 2010-03-14 00:34:00 · 692 阅读 · 0 评论 -
正则表达式判断日期格式
判断日期格式的正则表达式,基本上把闰年和2月等的情况都考虑进去了yyyy-MM-dd HH:mm:ss 标准格式验证^((((1[6-9]|[2-9]/d)/d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]/d|3[01]))|(((1[6-9]|[2-9]/d)/d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]/d|30))|(转载 2010-03-02 20:07:00 · 3457 阅读 · 0 评论 -
JQuery获取和设置Select选项方法
JQuery获取和设置Select选项获取Select : 获取select 选中的 text: $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get转载 2009-12-21 23:21:00 · 550 阅读 · 0 评论 -
使用jquery交换两行内容(实现行移动)
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">չjQueryfunction exchangeRow(row1,row2){ if (row1.attr("tagName") == "TR" && row2.attr("tagName") == "TR" && row1.children("td").lengt原创 2010-02-20 22:02:00 · 6578 阅读 · 0 评论 -
扩展JQUERY功能
$.fn.disable = function(){ //扩展jQuery,表单元素统一disable return this.each(function(){ if(typeof this.disabled != "undefined") this.disabled = true; });} $.fn.enable = function(){ //扩展jQuery,表单元素统一enab原创 2010-02-19 20:36:00 · 756 阅读 · 0 评论 -
访问相邻兄弟节点
function nextSib(node){ var tempLast = node.parentNode.lastChild; //判断是否是最后一个节点,如果是则返回null if(node == tempLast) return null; var tempObj = node.nextSibling; //逐一搜索后面的兄弟节点,直到发现元素节点为止 while(tempObj.原创 2010-02-19 20:21:00 · 1301 阅读 · 0 评论 -
自己写的扩展jquery判断是否是首行和最后一行
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">扩展jQuery$.fn.isFirstRow=function(includeTitle){ if (this.attr("tagName") == "TR") { if (includeTitle == true && this.prev().prev().len原创 2010-02-19 22:29:00 · 3490 阅读 · 0 评论 -
监控复制事件,已经在IE,firefox,maxton测试通过
我要检测别人是否复制了我的网页 包括ctrl+c 和 右键菜单的复制 document.body.oncopy = function () { alert("监控到复制实践");} // --> fasdf sdfas fsd sdfasd fsdaf原创 2009-09-17 22:29:00 · 693 阅读 · 0 评论