js | 易学教程

用浏览器通过js获取硬件信息

阅读更多关于用浏览器通过js获取硬件信息

自从之前被腾讯封杀我的笔记本，换ip也不行，估计是拿到了我的mac地址。找了一下通过js是可以获取mac地址的 js也可以获取ip地址，不过要基于ie浏览器的Activex才行，目测chrome不行。估计腾讯应该通过浏览器调用的本地的qq的文件了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS获取客户端MAC地址</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <style type="text/css"> </style> <script event=

js动态添加事件-事件委托

阅读更多关于 js动态添加事件-事件委托

作者：白狼出处： http://www.manks.top/javascript-dynamic-event.html 本文版权归作者，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。其所谓的动态添加事件实质就是指js中的事件委托。我们知道在js中，事件处理只能绑定在当前被选中的元素上，换句话也就是说，事件处理只能绑定在当前文档已经存在的元素上！但是，往往小伙伴们都会遇到一个问题就是，我的元素是后来动态添加到页面的，而我又想给该元素绑定事件，怎么处理？为了说明白这一问题，我们假设需要给后来添加到当前页面的元素添加click事件。解决这一问题的核心就是利用js的委托事件。委派事件的优势就是可以给未存在的元素绑定事件，而且委派事件往往开销也会更小！题外话：举一个最简单的例子：当页面上有1000个div的时候，如果直接给div绑定click事件，其会为1000个元素绑定事件。但是，如果用事件委托，只需要一个元素绑定事件即可。PS:希望啰里啰嗦能够让你明白事件委托的含义。我们只是想知道动态创建的元素如何添加事件，你说这么多做什么，做什么... 好吧，言归正传，看具体实现： // 模拟动态创建元素li $.ajax({ type: 'get', data: {}, success: function () { $('<li

总结一下最近使用vue构建项目时遇到的坑

阅读更多关于总结一下最近使用vue构建项目时遇到的坑

虽然vue-cli提供了很方便的脚手架来构建自己的项目，但是在实际开发过程中，我还是遇到了一些问题，现将其摘要如下： 1、使用npm run build命令后会将我们的代码压缩至dist文件夹内，dist文件夹内目录如下：此时直接打开index.html是无法打开的，我的解决办法是将其放在本地tomcat服务器内，然后通过启动bin/startup.bat启动服务器，即可以在浏览器正常调试。 2、打开后发现有一些图片没有显示，有一些压缩为base64，一些没有被压缩，检查后发现是图片文件过大，与build文件夹内webpack.base.conf.js配置不匹配有问题， { test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000000, name: utils.assetsPath('img/[name].[hash:7].[ext]') } }, 将此处的limit值变大后正常显示 3、index.html内的js文件路径报错， src=/static/js/manifest.4556eb0998075bdd0762.js> 此处将static前面的“/"删掉，解决。本文所提的方法只是我在项目中的处理，如果有更好的办法，望指正来源： https://www

常用 js代码集锦

阅读更多关于常用 js代码集锦

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!

常用 js代码集锦

阅读更多关于常用 js代码集锦

document方法： getElementById(id) 返回指定结点的引用 getElementsByTagName(name) 返回文档中所有匹配的元素的集合 createElement(name) 创建指定类型的新结点 createTextNode(text) 创建一个纯文本结点 element方法： getAttribute(id) 返回指定属性的值 setAttribute(id,value) 给属性赋值 removeAttribute(id) 移除指定属性和它的值 getElementsByTagName(name) 返回结点内所有匹配的元素的集合 node方法： appendChild(child) 给指定结点添加一个新的子结点 removeChild(child) 移除指定结点的子结点 replaceChild(newChild,oldChild) 替换指定结点的子结点 insertBefore(newChild,refChild) 在同一层级的结点前面插入新结点 hasChildNodes() 如果结点有子结点则返回true node属性： nodeName 以字符串的格式存放结点的名称 nodeType 以整型数据格式存放结点的类型 nodeValue 以可用的格式存放结点的值 parentNode 指向结点的父结点的引用 childNodes

线性代数方程组的求解

阅读更多关于线性代数方程组的求解

#include "stdafx.h" #include <stdlib.h> #include <math.h> #include <stdio.h> #include "LinearEquation.h" #include "MatrixAlgo.h" //求解三对角线方程组的追赶法 int atrde(double b[],int n, int m, double d[]) { int k,j; double s; if(m != (3*n-2)) { printf("err\n"); return(-2); } for(k = 0;k <= n-2;k++) { j = 3*k; s = b[j]; if(fabs(s)+1.0 == 1.0) { printf("fail\n"); return(0); } b[j+1] = b[j+1]/s; d[k] = d[k]/s; b[j+3] = b[j+3]-b[j+2]*b[j+1]; d[k+1] = d[k+1]-b[j+2]*d[k]; } s = b[3*n-3]; if(fabs(s)+1.0 == 1.0) { printf("fail\n"); return(0); } d[n-1] = d[n-1]/s; for(k = n-2;k>=0;k--) d[k] = d[k]-b[3*k+1]*d[k+1];

JS中this的几种指向

阅读更多关于 JS中this的几种指向

这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同一般指向我们的调用者。普通函数调用 window。定时器函数 window。立即执行函数 window。构造的函数调用实例对象、原型对象里面的方法也指向实例对象。对象方法调用该方法所属对象。事件绑定方法绑定事件对象。 1. 严格模式下全局作用域中函数中的this是undefined。 2. 严格模式下，如果构造函数不加new调用，this会报错。 3. new实例化的构造函数指向创建的对象实例。 4. 定时器this还是指向window。 5. 事件、对象还是指向调用者。来源： https://www.cnblogs.com/Rivend/p/12649922.html

将Emoji表情添加到项目中

阅读更多关于将Emoji表情添加到项目中

哈哈，进入正题，项目需要发emoji表情，于是，我的任务开始了~ 效果图镇楼选择完需要的表情，点击消息预览就可以看到效果了，有一个微笑表情是QQ表情~~ 可以不用管它。找了跟emoji相关了好多插件，找到了 jQuery_EmojiPicker 这个插件，然后研究了一下。源下载地址 http://www.jb51.net/jiaoben/375022.html 插件修改 1.插件初始化后将其原本的输入框隐藏。 index.html，67行。 <script> $(function() { // Initializes and creates emoji set from sprite sheet window.emojiPicker = new EmojiPicker({ emojiable_selector: '[data-emojiable=true]', assetsPath: 'lib/img/', popupButtonClasses: 'fa fa-smile-o' }); // Finds all elements with `emojiable_selector` and converts them to rich emoji input fields // You may want to delay this step if you have

网页中使用js调用百度地图

阅读更多关于网页中使用js调用百度地图

首先得申请一个秘钥，步骤如下：1.百度搜索“ 百度地图开放平台”。 2.然后填写账号登录，没有账号就注册一个，非常简单没什么可说的。3.选择“我的应用”然后创建一个应用。我们是网页调用，类型默认选服务器浏览器都行，有很多服务默认勾选的一般都足够我们使用了。填完之后提交。 4.然后查看我的应用，复制你的AK。 5.在你的jsp或者html引入链接，就可以调用百度地图接口了。 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=秘钥"></script>//直接访问一下可以看到返回了一堆js。6.示例。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} #allmap{height:600px;width:1200px;} #r-result{width

JS中的位置和宽度

阅读更多关于 JS中的位置和宽度

元素的宽高以下所有的宽高，基于元素被加入到DOM渲染树后，也就是被添加在页面中以后，才可以获取当元素没有滚动条时元素.clientWidth 等于元素的width+padding 元素.clientHeight 等于元素的height+padding 元素.offsetWidth 等于元素的width+padding+border 元素.offsetHeight 等于元素的height+padding+border 元素.scrollWidth 等于元素的width+padding 元素.scrollHeight 等于元素的height+padding 当元素有滚动条时元素.clientWidth 等于元素的width+padding-17（滚动条宽高）元素.clientHeight 等于元素的height+padding-17（滚动条宽高）元素.offsetWidth 等于元素的实际占位的宽度元素.offsetHeight 等于元素的实际占位的高度元素.scrollWidth 因为内容宽度不同，等于元素的实际内容宽度+padding 元素.scrollHeight 因为内容高度不同，等于元素的实际内容高度+padding body，HTML的宽高 document.body.clientWidth,document.body.clientHeight

订阅 js