超级实用且不花哨的js代码大全 （基础）

最新推荐文章于 2023-06-21 08:00:08 发布
最新推荐文章于 2023-06-21 08:00:08 发布
阅读量592 收藏
点赞数
分类专栏： web 文章标签： input javascript timer function iframe button
  • 事件源对象
    event.srcElement.tagName
    event.srcElement.type
  • 捕获释放
    event.srcElement.setCapture();  
    event.srcElement.releaseCapture();  
  • 事件按键
    event.keyCode
    event.shiftKey
    event.altKey
    event.ctrlKey
  • 事件返回值
    event.returnValue
  • 鼠标位置
    event.x
    event.y
  • 窗体活动元素
    document.activeElement
  • 绑定事件
    document.captureEvents(Event.KEYDOWN);
  • 访问窗体元素
    document.all("txt").focus();
    document.all("txt").select();
  • 窗体命令
    document.execCommand
  • 窗体COOKIE
    document.cookie
  • 菜单事件
    document.oncontextmenu
  • 创建元素
    document.createElement("SPAN");  
  • 根据鼠标获得元素：
    document.elementFromPoint(event.x,event.y).tagName=="TD
    document.elementFromPoint(event.x,event.y).appendChild(ms)  
  • 窗体图片
    document.images[索引]
  • 窗体事件绑定
    document.οnmοusedοwn=scrollwindow;
  • 元素
    document.窗体.elements[索引]
  • 对象绑定事件
    document.all.xxx.detachEvent('onclick',a);
  • 插件数目
    navigator.plugins
  • 取变量类型
    typeof($js_libpath) == "undefined"
  • 下拉框
    下拉框.options[索引]
    下拉框.options.length
  • 查找对象
    document.getElementsByName("r1");
    document.getElementById(id);
  • 定时
    timer=setInterval('scrollwindow()',delay);
    clearInterval(timer);
  • UNCODE编码
    escape() ,unescape
  • 父对象
    obj.parentElement(dhtml)
    obj.parentNode(dom)
  • 交换表的行
    TableID.moveRow(2,1)
  • 替换CSS
    document.all.csss.href = "a.css";
  • 并排显示
    display:inline
  • 隐藏焦点
    hidefocus=true
  • 根据宽度换行
    style="word-break:break-all"
  • 自动刷新
    <meta HTTP-EQUIV="refresh" C>
  • 简单邮件
    <a  href="    [email=aaa@bbb.com?subject=ccc&body=xxxyyy]mailto:aaa@bbb.com?subject=ccc&body=xxxyyy[/email]">  
  • 快速转到位置
    obj.scrollIntoView(true)
  • 锚
    <a name="first">
    <a href="#first">anchors</a>
  • 网页传递参数
    location.search();
  • 可编辑
    obj.contenteditable=true
  • 执行菜单命令
    obj.execCommand
  • 双字节字符
    /[^/x00-/xff]/
    汉字
    /[/u4e00-/u9fa5]/
  • 让英文字符串超出表格宽度自动换行
    word-wrap: break-word; word-break: break-all;
  • 透明背景
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
  • 获得style内容
    obj.style.cssText
  • HTML标签
    document.documentElement.innerHTML
  • 第一个style标签
    document.styleSheets[0]
  • style标签里的第一个样式
    document.styleSheets[0].rules[0]
  • 防止点击空链接时，页面往往重置到页首端。
    <a href="javascript:function()">word</a>
  • 上一网页源
    asp:
    request.servervariables("HTTP_REFERER")
    javascript:
    document.referrer
  • 释放内存
    CollectGarbage();
  • 禁止右键
    document.oncontextmenu = function() { return false;}
  • 禁止保存
    <noscript><iframe src="*.htm"></iframe></noscript>
  • 禁止选取<body      Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
  • 收藏栏图标
    <link rel="Bookmark" href="favicon.ico">
  • 查看源码
    <input type=button value=查看网页源代码 >
  • 关闭输入法
    <input style="ime-mode:disabled">
  • 自动全选
    <input type=text name=text1 value="123" >
  • ENTER键可以让光标移到下一个输入框
    <input >
  • 文本框的默认值
    <input type=text value="123" >
  • title换行
    obj.title = "123 sdfs "
  • 获得时间所代表的微秒
    var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime()

  • 窗口是否关闭
    win.closed

  • checkbox扁平
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
  • 获取选中内容
    document.selection.createRange().duplicate().text
  • 自动完成功能
    <input  type=text  autocomplete=on>打开该功能  
    <input  type=text  autocomplete=off>关闭该功能
  • 窗口最大化
    <body >
  • 无关闭按钮IE window.open("aa.htm", "meizz", "fullscreen=7");
  • 统一编码/解码 alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
    encodeURIComponent对":"、"/"、";" 和 "?"也编码
 
xy2632
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
超级实用且不花哨的javascript代码大全
10-19
超级实用且不花哨的javascript代码大全
JavaScript基础整理（配代码及注释）
香菜的博客
02-21 1991
1. 变量 1.1 变量基础 <script> //1.声明了一个age的变量 var age; //2.赋值 把值存入到这个变量中 age = 18; //3.输出结果 console.log(age); //4.变量的初始化(声明一个变量并赋值) var my = "香菜yyds!"; console.log(my); //我是分割
100个JavaScript代码片段
GarfieldEr007的专栏
02-02 2554
实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { ...
分享 30 个基础而实用的 JavaScript 代码片段
前端达人
06-21 994
今天这篇文章，想跟大家分享 30 个基本并实用的 JavaScript 代码片段，它们将帮助你提升你的 Web 开发能力。从用于提高性能的去抖动和节流功能，到数组操作、字符串操作和数字验证等等。了解如何实施这些节省时间的技术并增强你的开发工作流程。通过这些不可或缺的 JavaScript 代码片段，提升你的技能并在不断发展的 Web 开发世界中保持领先地位。01、去抖函数以限制它被调用的次数.fu...
JavaScript新手学习手册-基础代码（二）
m0_52479012的博客
03-07 832
JavaScript新手学习，了解基础代码的用法，以及认识JavaScript是怎样的语言环境，新手晋级手册（二）
常用 JS代码大全
qq_51608297的博客
06-09 4615
一、输入框禁止输入中文 &lt;input type="text" style="ime-mode:Disabled;"&gt; 二、最简单的按钮作为链接方法 &lt;INPUT TYPE="submit" value="ABCnet.CN" onclick="location.href='http://www.abcnet.cn'"&gt;
超级实用且不花哨的js代码大全
09-17
超级实用且不花哨的js代码大全 超级实用且不花哨的js代码大全
[转]超级实用且不花哨的js代码大全
03-21
NULL 博文链接：https://haha-hei.iteye.com/blog/945572
超级实用且不花哨的js代码大全.html
07-27
//正则匹配 匹配中文字符的正则表达式： [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内)：[^\x00-\xff] 匹配空行的正则表达式：\n[\s| ]*\r ...匹配首尾空格的正则表达式：(^\s*)|(\s*$)（像vbscript那样的trim...
常用的20个js简洁代码
IT博客技术分享
08-30 5105
1、单行 If-Else 语句 这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。 const age = 12; let ageGroup; // LONG FORM if (age > 18) { ageGroup = "An adult"; } else { ageGroup = "A child"; } // SHORTHAND ageGroup = age > 18 ? "An adult" : "A ch
javascript代码常用大全
12-08
一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 （用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 2.1 短时间，形如 (13:04:06) 2.2 短日期，形如 (2003-12-05) 2.3 长时间，形如 (2003-12-05 13:04:06) 2.4 只有年和月。形如(2003-05,或者2003-5) 2.5 只有小时和分钟,形如(12:03) 3、表单类 3.1 所有的表单的值都不能为空 3.2 多行文本框的值不能为空。 3.3 多行文本框的值不能超过sMaxStrleng 3.4 多行文本框的值不能少于sMixStrleng 3.5 判断单选框是否选择。 3.6 判断复选框是否选择. 3.7 复选框的全选，多选，全不选，反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母 4.4 字符串替换函数.Replace(); 5、浏览器类 5.1 判断浏览器的类型 5.2 判断ie的版本 5.3 判断客户端的分辨率 6、结合类 6.1 email的判断。 6.2 手机号码的验证 6.3 身份证的验证 二、功能类 1、时间与相关控件类 1.1 日历 1.2 时间控件 1.3 万年历 1.4 显示动态显示时钟效果（文本，如OA中时间） 1.5 显示动态显示时钟效果 (图像，像手表) 2、表单类 2.1 自动生成表单 2.2 动态添加，修改，删除下拉框中的元素 2.3 可以输入内容的下拉框 2.4 多行文本框中只能输入iMax文字。如果多输入了，自动减少到iMax个文字（多用于短信发送) 3、打印类 3.1 打印控件 4、事件类 4.1 屏蔽右键 4.2 屏蔽所有功能键 4.3 --> 和<-- F5 F11,F9,F1 4.4 屏蔽组合键ctrl+N 5、网页设计类 5.1 连续滚动的文字，图片（注意是连续的，两段文字和图片中没有空白出现） 5.2 html编辑控件类 5.3 颜色选取框控件 5.4 下拉菜单 5.5 两层或多层次的下拉菜单 5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目) 5.7 状态栏，title栏的动态效果（例子很多，可以研究一下） 5.8 双击后，网页自动滚屏 6、树型结构。 6.1 asp+SQL版 6.2 asp+xml+sql版 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10，画图类，含饼、柱、矢量贝滋曲线 11，操纵客户端注册表类 12，DIV层相关（拖拽、显示、隐藏、移动、增加） 13，TABLAE相关(客户端动态增加行列，模拟进度条，滚动列表等) 14，各种<object classid=>相关类，如播放器，flash与脚本互动等 16, 刷新/模拟无刷新 异步调用类（XMLHttp或iframe,frame）
常用JS代码大全
04-16
常用JS代码大全，最常用到的函数，正则表达式，各种js效果代码
js+代码大全
11-24
js+代码大全 js+代码大全 js+代码大全 js+代码大全 js+代码大全
js代码基础代码收藏合集
08-25
js代码基础代码收藏合集js代码基础代码收藏合集
JS代码大全JS代码大全
02-01
JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全JS代码大全
javascript 常用代码大全
u010129251的专栏
04-06 1390
把如下代码加入区域中:    后退 前进                                         返回                     查看源码                      禁止查看源码                      刷新按钮一                              
38 个非常有用的 JavaScript 单行代码汇总
web前端开发
09-02 396
在今天的文章中，我们整理了38个JavaScript 单行代码可以实现的功能技巧，这些技巧都是我平时收集整理下来的，有的一个功能的实现，可能会有两种方法，具体用那种，可以根据自己的情况来选择，其实，技术有时候真的没有最优解，只有最合适，因此，还是根据具体开发来选择就好了。今天的这些技巧的汇总，希望可以帮助到你。1.判断日期是否正确此方法用于检查给定日期是否有效。const isDateValid ...
JavaScript新手学习手册-基础代码（一）
m0_52479012的博客
03-06 2150
JavaScript新手学习，了解基础代码的用法，以及认识JavaScript是怎样的语言环境，新手晋级手册
JavaScript基础（详细总结）
热门推荐
挣钱买房买车的博客
08-18 1万+
JavaScript基础入门详细总结
超级马里奥代码游戏js
最新发布
11-22
超级马里奥代码游戏JS是一款基于经典游戏超级马里奥的JavaScript代码游戏。玩家可以通过浏览器来体验这款经典游戏，无需安装其他插件或软件。这款游戏采用了JavaScript语言开发，具有良好的兼容性和流畅的游戏体验。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值