随笔分类 - JavaScript
摘要：获取DOM元素的方法：1.通过id获取<div id="box"></div><script> let box= document.getElementById("box");</script>1234注意：getElementById()括号中的不需要在前面加“#”，因为方法就决定了括号中的值是一
阅读全文
摘要：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><body> 一：<textarea id="showStr"></textarea><div style="display:none"
阅读全文
摘要：<div id="time"> </div> <script>window.onload=function(){ //定时器每秒调用一次fnDate()setInterval(function(){fnDate();},1000);} //js 获取当前时间function fnDate(){var
阅读全文
摘要：☆如果是本页显示可以直接用location,方法如下： ①onclick="javascript:window.location.href='URL'" ②onclick="location='URL'" ③onclick="window.location.href='URL?id=11'" ☆如果
阅读全文
摘要：//运动事件监听 if (window.DeviceMotionEvent) { window.addEventListener('devicemotion',deviceMotionHandler,false); } //获取加速度信息 //通过监听上一步获取到的x, y, z 值在一定时间范围内
阅读全文
摘要：<html> <head> <title>漂浮广告</title> <body> <div id="codefans_net" style="position:absolute"> <!--链接地址--><a href="#" target="_blank"> <!--图片地址--><img src
阅读全文
摘要：前端javascript代码编写中，有一个不错的工具叫JSLint，可以检查代码规范化，压缩JS，CSS等，但是他的语法规范检查个人觉得太“苛刻”了，会提示各种各样的问题修改建议，有时候提示的信息我们看的莫名其妙，这里，先转载一下携程UED的一个技术文章（原文链接http://ued.ctrip.c
阅读全文
摘要：☆如果是本页显示可以直接用location,方法如下： ①onclick="javascript:window.location.href='URL'" ②onclick="location='URL'" ③onclick="window.location.href='URL?id=11'" ☆如果
阅读全文
摘要：页面定期刷新，如果加url的，则会重新定向到指定的网页，content后面跟的是时间（单位秒），把这句话加到指定网页的<head></head>里一般也用在实时性很强的应用中，需要定期刷新的如新闻页面，论坛等，不过一般不会用这个，都用新的技术比如ajax等 <meta http-equiv="ref
阅读全文
摘要：方法一 doucumnet.body 方法二 document.getElementsByTagName("body")[0]
阅读全文
摘要：ECMAScript有两种开发模式:1.函数式(过程化);2.面向对象(OOP); 一 创建对象1.普通的创建对象 ? 1 2 3 4 5 6 7 8 9 // 创建一个对象,然后给这个对象新的属性和方法; var box = new Object(); // 创建一个Object对象; box.n
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script> 一.script 的引入方式 1.头部引入 2.外部引入（可以在头部，可以在body）
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>控制导航条最后一个标签样式的三种方法</title> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.1.
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS</title> </head> <body> <div class="" style="height: 2000px;">top top top top top top top
阅读全文
摘要：Math.ceil() 功能：对一个数进行上取整。 语法：Math.ceil(x) 参数： x：一个数值。 返回值：返回大于或等于x，并且与之最接近的整数。 注：如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”。 例： <script type="text/javascript">docu
阅读全文
摘要：function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } var num = GetRandomNum(10,9
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>隔行换色-JS</title>
阅读全文
摘要：<!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.o
阅读全文
摘要：<script>var charactors="1234567890"; var value='',i; for(j=1;j<=4;j++){ i = parseInt(10*Math.random()); value = value + charactors.charAt(i); } docume
阅读全文
摘要：在通过Chrome浏览器进行web前端开发时，我们会经常用到Chrome自带的debugger工具，但是经常按完快捷键(F12)后，页面会进入 paused in debugger状态，需要点击右上角的deactivate breakpoints按钮继续，非常不方便。 主要原因是之前开发的时候不经意
阅读全文
