前端
关注
分享
扫一扫
西红柿炒番茄AB
只是想安静的写博客，记录自己技术上的点滴......
展开
-
Javascript可变参数求和
//可变参数求和函数 function add(){ var res = 0; //arguments代表一个可变参数，是一个数组，数组里面元素的个数是可变的 var data = arguments; for (var i in data) {原创 2016-11-30 12:50:14 · 998 阅读 · 0 评论 -
jQuery复选框全部选中和全部不选择
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"> </script> <script type="text/javascript"> $(function(){原创 2016-12-05 21:37:16 · 452 阅读 · 0 评论 -
jQuery中li的前添加和后追加
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"> </script> <script type="text/javascript"> $(function(){原创 2016-12-05 21:50:42 · 15627 阅读 · 0 评论 -
jQuery图片的前添加和后追加
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"> </script> <style> #did { width: 400px;原创 2016-12-05 22:15:38 · 2120 阅读 · 0 评论 -
jQuery实现li节点的删除
<html> <head> <meta charset="utf-8"> <title></title> <style> ul { list-style: none; } li { line-height: 25p原创 2016-12-06 09:14:26 · 3128 阅读 · 0 评论 -
jQuery实现selected的添加删除
<html> <head> <meta charset="utf-8"> <title></title> <style> select { width: 100px; height: 200px; border: 1px soli原创 2016-12-06 10:12:07 · 1756 阅读 · 0 评论 -
jQuery遍历li节点
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"></script> <script type="text/javascript"> $(function(){原创 2016-12-06 10:22:18 · 8430 阅读 · 1 评论 -
jQuery实现放大镜效果
<html> <head> <meta charset="utf-8"> <title></title> <style> #did { width: 300px; height: 300px; border: 1px soli原创 2016-12-06 11:11:44 · 1328 阅读 · 0 评论 -
jQuery实现图片的隐藏、显示、切换
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"></script> <script> $(function() { //获取按钮并设置点原创 2016-12-06 11:30:10 · 11656 阅读 · 1 评论 -
jQuery实现展示效果
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"></script> <script type="text/javascript"> $(function(){ //将所原创 2016-12-06 11:41:56 · 405 阅读 · 0 评论 -
jQuery实现轮播效果
<html> <head> <meta charset="utf-8"> <title></title> <style>ul,li,div { margin: 0px; padding: 0px; } ul {原创 2016-12-06 12:00:10 · 462 阅读 · 0 评论 -
CMD运行node.js
1.判断是否安装成功 分别输入node -v 和 npm -v 如果输出以下内容说明安装成功 2.运行node.js文件 1》.运行cmd 2》.文件目录>node demo.js原创 2016-12-07 19:57:49 · 3041 阅读 · 0 评论 -
jQuery中的text(),html(),val()有什么区别
text():获取或者改变指定元素的文本html():获取或改变指定元素的html元素以及文本val():获取或者改变指定元素的value值（一般是表单元素）以上3个都是jquery类库中的语法基本没有什么区别，作用都是获得当前对象的value值（一般是表单元素）只是，this.value是js的原生语法，$(this).val()是jquery的语法使用this.value无需引入...原创 2018-04-19 10:07:00 · 372 阅读 · 0 评论 -
点击按钮，删除ul下面的所有li标签
html<ul id="ulClass""><li>1</><li>2</><li>3</></ul>javascriptvar div = document.getElementById("ulClass");wh原创 2018-05-02 09:38:09 · 6199 阅读 · 0 评论 -
.mui-bar-nav~.mui-content这两个class之间的 ~ 什么意思？
匹配 .mui-bar-nav 之后所有的 .mui-content（即同级的其他类或元素）例如：<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> &a原创 2018-04-25 09:14:27 · 2065 阅读 · 0 评论 -
使用js给p标签赋值
<pid="name"></p>document.getElementById("name").innerHTML=“需要赋的值”;原创 2017-07-08 21:35:01 · 10278 阅读 · 1 评论 -
jQuery中li的变化
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"></script> <script type="text/javascript"> $(function() {原创 2016-12-05 20:45:11 · 468 阅读 · 0 评论 -
HTML常用标签
编程语言：解释型和编译型 WEB前端：HTML+CSS+JavaScript一、 HTML介绍:什么是HTML？ 超文本标记语言, <标签名>–标记（标签、节点）HTML是由：标签和内容构成程序语言有两种：解释性语言（HTML、PHP、Javascript）和编译型语言（C、C++、JavaHTML的标签组成部分、属性、实体HTML的实体： <:< >:> 空格: HTML中注释原创 2016-11-23 10:36:26 · 963 阅读 · 0 评论 -
HTML标签常遇问题
1.textarea设置不能拉伸style属性<textarea style = "resize:none" rows="5" cols="5" ></textarea>2.跨行、跨列跨行：rowspan 跨列：colspan一行跨两列<tr><td colspan = "2" align= "center"><input type="submit" value= "提交"/></td原创 2016-11-23 10:35:15 · 379 阅读 · 0 评论 -
自动刷新setInterval
setInterval( function(){ var date = new Date(); var y = date.getFullYear(); var m = date.getMonth(); var原创 2016-11-30 16:56:44 · 1030 阅读 · 0 评论 -
div添加背景图片
div{background:url(图片路径) no-repeat 4px 5px}原创 2016-12-10 20:42:53 · 4495 阅读 · 1 评论 -
JavaScript给每一个li节点绑定点击事件
1.双击事件<body> <h2>javascript 事件</h2> <ul> <li>aaaa</li> <li>aaaa111</li> <li>aaaa222</li> <li>aaaa3333</li> <li>aaaa444</li>原创 2016-12-01 14:50:24 · 8189 阅读 · 1 评论 -
JavaScript屏蔽鼠标右键的内容
<body> <h2>右击事件</h2> <script type="text/javascript"> //当右击鼠标的时候会触发这个事件 window.document.oncontextmenu = function(ob) { //获取兼容的浏览器节点对象原创 2016-12-01 16:12:20 · 329 阅读 · 0 评论 -
鼠标放在图片上面进行图片的切换
<html> <head> <meta charset="utf-8"> <title></title> <style> #did img { border: 2px solid #fff; margin-left: 8px; }原创 2016-12-01 23:52:32 · 3282 阅读 · 0 评论 -
通过单击事件给li添加节点
1.后添加和前添加<body> <ul id="uid"> <li>篮球</li> </ul> 姓名<input id="uname" type="text" name="uname" /> <input id="button" type="button" value="添加" /> <scrip原创 2016-12-02 14:58:25 · 1087 阅读 · 0 评论 -
JavaScript放大镜效果
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #did { /*这个div是隐藏看不到的 overflow: hidden:将图片超出div的部分隐藏原创 2016-12-02 18:37:47 · 313 阅读 · 0 评论 -
JavaScript键盘上下键控制移动
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #did { width: 400px; height: 400px; b原创 2016-12-02 21:24:24 · 6733 阅读 · 2 评论 -
JavaScript图片轮播效果
<body> <h2>自动播放图片</h2> <div id="did"> <img src="./images/11.jpg" width="500" /> <img src="./images/22.jpg" width="500" style="display:none" /> <img s原创 2016-12-02 23:26:43 · 444 阅读 · 0 评论 -
JavaScript拖动效果
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #did { width: 200px; height: 200px;原创 2016-12-02 19:20:49 · 338 阅读 · 0 评论 -
JavaScript实现表格的添加和删除
<html> <head> <meta charset="utf-8"/> <title>JavaScript实例</title> <style> select,option,div,button{margin:0px;padding:0px;} #lid,#rid,div{原创 2016-12-04 08:45:15 · 2508 阅读 · 1 评论 -
JavaScript获取文本框的焦点是将内容清空
onfocus=”this.value=’ ‘姓名：<input type="text" name="uname" onfocus="this.value='';"/>原创 2016-12-04 08:55:44 · 567 阅读 · 0 评论 -
JavaScript使用ul中的li实现删除效果
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul { list-style: none; } li {原创 2016-12-04 09:52:27 · 1551 阅读 · 1 评论 -
JavaScript克隆图片
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #did { width: 400px; height: 200px;原创 2016-12-04 10:05:10 · 1770 阅读 · 0 评论 -
JavaScript使用select实现添加删除
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> select { width: 100px; height: 200px;原创 2016-12-04 08:21:10 · 401 阅读 · 0 评论 -
android5.0加载h5页面显示空白
参考链接原创 2019-07-22 11:13:57 · 828 阅读 · 0 评论