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 · 208 阅读 · 0 评论 -
js中substring,substr,slice的用法
substring 方法用于提取字符串中介于两个指定下标之间的字符substring(start,end)开始和结束的位置，从零开始的索引参数 描述start 必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的转载 2011-07-03 12:47:03 · 3334 阅读 · 1 评论 -
DIV内部的最后一个元素的margin-bottom不算高度
今天在做项目的时候遇到的一个问题，暂时还没有解释的清 一个父元素的div，高度没有设定(就是auto嘛)，那么他的高度应该是由里面的元素高度之和决定。 我们在里面放入了多个块级元素，且没有用到浮动和定位，就是这么挨个堆下来。 最后用jQuery.outHeight获取父级元素高度时，发现DIV内部的最后一个元素的margin-bottom的高度没有被算进来 所原创 2011-06-26 09:21:00 · 2877 阅读 · 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 · 3066 阅读 · 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 · 858 阅读 · 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 · 1600 阅读 · 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 · 760 阅读 · 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 · 959 阅读 · 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 · 5419 阅读 · 0 评论 -
alert(234['toString']['length']);求解
答案是1 其实弄清楚3个知识点，就能理解了 1. 234['toString'] 其实就是234.toString() 2. 对于Number toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。 Numbe原创 2011-07-04 22:49:58 · 1207 阅读 · 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 · 339 阅读 · 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 · 690 阅读 · 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 · 6296 阅读 · 0 评论 -
JavaScript检测实例属性, 原型属性
0.前提JavaScript对象的属性分为两种存在形态. 一种是存在实例中, 另一是存在原型对象中.根据上述, 检测属性的时候会出现4种情况既不存在实例中, 也不存在原型对象中存在实例中, 不存在原型对象中不存在实例中, 存在原型对象中既存在实例中, 也存在原型对象中1.hasOwnPrototype()hasOwnPrototype()接受一个转载 2015-08-30 10:09:55 · 561 阅读 · 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 · 2781 阅读 · 0 评论 -
前台技术纪要
听了一个高手的介绍，记录些提到的东西CSS编辑技术: LESS , SASSJS编辑技术：coffee script / 微软 scriptyeomon/grunt:打包压缩js/css/html，可减少体积，并每次生成版本号，保障浏览器缓存require.js , sea.js 动态加载js编辑器sublime + emm原创 2014-12-18 21:53:53 · 539 阅读 · 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 · 3199 阅读 · 0 评论 -
HTML5文件API之图片预览
原文转自 http://www.php100.com/html/webkaifa/HTML5/2011/0806/8542.html 图片上传在当今的Web应用中是一个非常常用的功能，如果不需要在上传前进行图片预览则可以简单的使用HTML+Javascript来实现转载 2011-08-07 13:23:35 · 1138 阅读 · 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 · 631 阅读 · 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 · 624 阅读 · 0 评论 -
如何取得瀏覽器視窗高度及寬度 (跨瀏覽器)
解決辦法: 關鍵在於處理不同瀏覽器對document元素的處理,另外就是對使用的CSS是否嚴格的要做一個判斷.Code: 01//取得瀏覽器視窗高度 02function getBrowserHeight() { 03 if ($.browser.msie) {转载 2010-01-18 23:00:00 · 725 阅读 · 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 · 858 阅读 · 0 评论 -
comfirm确认后再提交
背景：有时我们在网页中，需要让用户确认以后再提交或者删除等 return comfirm("您确定提交？")"> “return” 一定不能少，否则无法成功原创 2009-10-20 21:39:00 · 1185 阅读 · 0 评论 -
js 复制到剪贴板 ,兼容支持火狐firefox 和 ie
web开发中常常要实现“复制到剪切板”功能。这个功能很实用，但是由于安全问题，浏览器的限制越来越严，实现的方法也越来越有限了。Firefox 默认下不能直接通过Javascript操作剪切板，必须开启相关的设置才行。想只通过Javascript技术实现跨浏览器的剪切板是行不通的。现在常用的方法是利用JavaScript+Flash实现，普遍流传的办法是_clipboard.swf，这是国外最早实现原创 2009-10-12 22:53:00 · 3665 阅读 · 4 评论 -
js判断客户端文件大小
背景：上传文件前就先要在客户端判断文件大小，免得让用户传了很久后发现上传失败 在网上找了很久，东平西凑了下面的代码，测试在ff和ie中通过 不过对于ie，如果用户禁止了activex控件，则无法生效，但我没有找到更好的办法网上还有用img来判断文件大小的，但我测试在ie7,8下不行，希望有高手能赐教 "http://www.w3.org/TR/xht原创 2009-10-11 09:45:00 · 1646 阅读 · 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 · 921 阅读 · 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 · 2472 阅读 · 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 · 635 阅读 · 0 评论 -
frame的使用 以及javascript对其的操作
FRAMESET 标签是 FRAME 元素的容器。HTML 文档可包含 FRAMESET 元素或 BODY 元素之一，两者不能同时使用。框架将网页分成几个框窗，同时取得多个URL。用 即可，所有框架标记需要放在一个总起的 html 文档里，这个档案只记录了该框架如何分割 ，不会显示任何资料，所以不必放入 标记。 是用来定义和划分框窗，每一窗框由一个 标记所标示，必须在 范围中使用。转载 2010-01-16 22:31:00 · 1900 阅读 · 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 · 1465 阅读 · 0 评论 -
得到标签的名称+dom节点的属性
document.getElementById("aa").nodeName 更多属性请参考 https://developer.mozilla.org/En/DOM/Element原创 2010-04-21 23:34:00 · 792 阅读 · 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 · 718 阅读 · 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 · 3474 阅读 · 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 · 567 阅读 · 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 · 6605 阅读 · 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 · 773 阅读 · 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 · 1338 阅读 · 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 · 3519 阅读 · 0 评论 -
监控复制事件,已经在IE,firefox,maxton测试通过
我要检测别人是否复制了我的网页 包括ctrl+c 和 右键菜单的复制 document.body.oncopy = function () { alert("监控到复制实践");} // --> fasdf sdfas fsd sdfasd fsdaf原创 2009-09-17 22:29:00 · 710 阅读 · 0 评论