如何避免Javascript嵌套链接块点击时同时打开父子链接?

有如下一个列表,我们希望当 点击链接当时候,跳转到链接的地址点击其上级灰色方框到时候,跳转到灰色方框指定到地址。 这里容易出现一个问题:我们点击内部的链接时,会同时打开灰色方框的链接 下面我们来解决这个问题。 上面列表的html代码如下: <style> .link-item{cursor: pointer; background: #ccc; padding: 30px 0; mar…

JavaScript选取元素子节点的方法

JavaScript选取元素子节点的方法: <script> function getChildElements(ele,tagName){//获取ele对象的元素子节点 if(!(ele&&ele.nodeType&&ele.nodeType===1))//传进来的对象是一个元素类型的DOM节点才行,否则退出 return false var child=ele.firstChild;//从第一个节点开始判断 var a=[] if(tagName){//参数…

Javascript实现点击插入内容到textarea光标处

本文用JavaScript实现在textarea光标处插入指定文本内容以及字符串。 点击按钮,可以把按钮的内容插入到textarea文本框内光标处,光标默认在文本框开头。 通过其他的js就可以实现文本框插入表情、选中文字加粗、内容中插入图片等等。 >>>【演示地址】 HTML代码: <form id="form1" name="form1" method="post" action="">…

JavaScript字符串加密解密函数

Javascript默认没有编加密解密函数,需要手动编写。 如下是完整的字符串加解密函数,用到charCodeAt()、fromCharCode()和encodeURIComponent()函数。 先上代码,三个函数说明请看后面。 /** * 加密函数 * @param str 待加密字符串 * @returns {string} */ function str_encrypt(str) { var c = String.fromCharCode(str.charCodeAt(0) +…

PHP和JavaScript正则匹配所有字符(包括换行符)的差异

在PHP和JavaScript中,正则表达式匹配所有字符(包含换行符)是不一样的。 假设有这样的字符串: Hello, PHP, JavaScript 现在,我们要从里面中找出后面两行,也就是多行查找。 1 PHP实现 在PHP中,这样写: $str = 'Hello, PHP, JavaScript'; $find = ''; preg_match('/PHP.*?Script/is', $str, $find); print_r($find[0]); 其中, i标…

js读取文件内容

JS是否可以读取本地文件的内容呢?答案是肯定的。 流程只用两步: 用file类型的input载入文件; 用HTML5的FileReader方法读取文件内容。 如下是一个js读取文件内容到文本框的方法。 1 演示 点击查看演示地址。 2 HTML代码 页面有两个元素,file类型的input,和显示内容的textarea文本框。 <input type="file" name="upload" id="uplo…

Javascript实现页面内容下载

页面上有一段代码,要保存下来,怎么做? 选择复制?用按钮请求数据库?都很低效。 既然页面已经有了内容,为何不用JS获取这段代码,生成文件后直接下载? 下面我们用Blob和URL.createObjectURL来实现这一功能,兼容Chrome、Firefox和IE等主流浏览器。 1 演示 点击查看演示地址。 2 实现代码 JS代码如下,已经封装成一个函数,filename…

JS实现表格列宽拖动

在数据表格中,有时候需要拖动表格宽度,查看完整的数据,是很常用的功能。 1 效果 可以用纯JS就可以实现,如下,是正常情况下的表格: 拖动表格标题中间线,拖动后效果如下: 查看DEMO 2 代码 HTML代码: <!DOCTYPE html> <html> <head> <title>演示</title> <script type="text/javascript" src="ta…

自定义JavaScript的alert()弹出框样式

JavaScript原始的 alert()弹出框效果很差。 于是想着自定义这个原始alert()的显示样式。 JQuery方式实现代码如下: <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> (function () { window.alert = function (text) { //解析…

JS实现URL参数添加删除功能

JS实现URL参数添加删除功能,在线演示。HTML使用范例: <html> <head> <script src="jquery-3.0.0.min.js"></script> <script src="url-param.js"></script> </head> <body> <span class="add" target="tag" value="1">添加</span><br /> <span class="add" targ…