Welcome

首页 / 脚本样式 / JavaScript

浅谈Web页面向后台提交数据的方式和选择

2017-02-06 21
1、通过表单提交这是HTML支持最传统的提交方法，需要创建表单，然后表单包含各种类型的表单元素，还要有一个提交按钮，通过提交按钮来提交到后台，这种方式提交后页面会刷新。2、通过网页链接提交可以在网页的链接附上需要提交的参数，当用户点击链接后，浏览器发起向链接的访问，从而也把链接附带的参数提交到后台，这种方式提交后页面也会刷新。3、通过ajax提交Javascript支持ajax方式创建HTTP请求，可以通过在HTML页面元素的事件处理函数中创建ajax请求...

用瀑布流的方式在网页上插入图片的简单实现方法

2017-02-06 19
当我们的网页需要插入很多图片的时候，为了美观，我们可以选择用瀑布流的方法插入图片首先我们在body里面放入我们需要展示的图片<div id="box"><div class="dinwei"><div class="pic"><img src="image/1.jpg"></div></div><div class="dinwei"><div class="pic"&...

JavaScript实现DOM对象选择器

2017-02-06 20
目的：根据传入的选择器类型选出第一个符合的DOM对象。①可以通过id获取DOM对象，例如 $（"#adom"）;②可以通过tagName获取DOM对象，例如 $（"a"）;③可以通过样式名称获取DOM对象，例如 $（".classa"）;④可以通过attribute匹配获取DOM对象，例如 $（"[data-log]"），$（"[data-time=2015]"）;⑤可以通过层叠组合获取DOM对象，例如 $（"#adom .classa"）;思路：需要区分...

基于JavaScript实现跳转提示页面

2017-02-06 21
先给大家展示下效果图，如果大家感觉还不错，请参考实现代码：网页布局<p>操作成功</p><strong>5</strong><span>秒后回到主页</span><a href="javascript:history.back（）;">返回</a>任务：1.打开网页后，如果不做任何操作则返回到一个新的页面var num=document.getElementsB...

在localStorage中存储对象数组并读取的方法

2017-02-06 19
频繁ajax请求导致页面响应变慢。于是考虑将数据存储在window.storage中，这样只请求一次ajax，而不需要频繁请求。鉴于localstorage中只能存储字符串，所以我们要借助于JSON.stringify（）和JSON.parse（）;$.ajax（{type: "get",async: "true",url: "",data: {},dataType: "jsonp",success: function（data）{if（data inst...

轻松实现js选项卡切换效果

2017-02-06 21
这是要实现的效果图：一.HTML页面布局<！-- HTML页面布局 --><ul class="tab_menu"> <li class="selected">房产</li> <li>家居</li> <li>二手房</li></ul><div class="tab_box"> <div> 275万购昌平邻铁三居 总价20万买一...

js面向对象实现canvas制作彩虹球喷枪效果

2017-02-06 21
前段时间在研究canvas，感觉还挺好玩的，就写了一个小demo，效果如下：第一次尝试用js面向对象的方式来写，经验不足，还请大家多多包涵。下面开始简单介绍代码：canvas画布：复制代码 代码如下:<canvas id="canvas" width="1050" height="500" style="background:#333;overflow: hidden;"></canvas> 彩虹球的随机颜色是通过下面两个方法来实现...

简单的js表格操作

2017-02-06 19
效果图：任务：1. 鼠标移到不同行上时背景色改为色值为 #f2f2f2，移开鼠标时则恢复为原背景色 #fffvar tr=document.getElementsByTagName（"tr"）; for（var i= 0;i<tr.length;i++） { bgcChange（tr[i]）; } // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。function bgcChange（obj） { obj.onm...

用js写的一个路由（简单实例）

2017-02-06 21
前几天在网上看了一个大牛用js写了一个路由的,有一句代码一直不知道怎么回事,后来就自己写了一个,写的比较的粗糙,我觉得把面向对象的思想都搞得乱七八糟的,不过功能实现了。<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>js实现路由</title></head><body>< ...

angular.js之路由的选择方法

2017-02-06 20
在一个单页面中，我们可以添加多个模块，使得网页只在需要的时候加载这个模块。模块的切换大致上可以代替网页的切换，于是，我们便可以通过模块的切换实现网页的切换，这个切换是按需加载的。乍一看非常普通的东西，但是仔细想想就可以发现，这种思想可以解决非常多的资源。例如，假如有一个页面，需要显示1000种商品的信息，每个商品的表现形式各不相同（设他们有各自独立的css和js），那么一般来说，我们就需要准备1000张网页去加载这些信息。但是，使用这种模块化思想，我们就可...

基于chosen插件实现人员选择树搜索自动筛选功能

2017-02-06 21
要实现的功能截图：要求：1、点击输入框可以根据拼音自动筛选数据，并且标记已经选择的数据，没有结果的时候提示，相应的更新左边树状态2、勾选树右侧树的复选框左侧出现相应的内容我用到的插件vue+chosen+ztree vue：组件化的MVVM库 chosen:单选列表和多选列表增强 ztree：基于jquery的树插件分析chosen插件已经可以实现1中的大部分效果，我们只需要预先获取数据，实现左右两侧一 一对应，最后点击发送获取最终的数据集合ID具体实现c...

Bootstrap对话框使用实例讲解

2017-02-06 20
使用模态框的弹窗组件需要三层 div 容器元素分别为 modal（模态声明层） dialog（窗口声明层） content（内容层）在内容层里面,还有三层,分别为 header（头部）、 body（主体）、 footer（注脚）一个简单的对话框登陆/注册例子<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Doc...

javascript 分号总结及详细介绍

2017-02-06 20
javascript每条语句都是以分号结束，但由于javascript具有分号自动插入规则，所有不同的编程人员有不同的习惯，有的加分号，有的不加分号，那么到底加分号好还是不加分号好？本文章向大家探讨javascript每条语句该不该加分号。javascript的分号代表语句的结束符，但由于javascript具有分号自动插入规则，所以它是一个十分容易让人模糊的东西，在一般情况下，一个换行就会产生一个分号，但实际情况却不然，也就是说在javascript中换...

JavaScript实现横线提示输入验证码随输入验证码输入消失的方法

2017-02-06 21
最近做微信端的页面遇到了一个之前没有遇到过的一个页面，刚开始放在那没有去写，可是等其他页面都写好的时候，还是得回过头来研究这个页面问题，刚开始我请教了公司的移动研发，从他那里得到启发，最终实现了这个效果，先把效果图展示出来给大家看看效果图：输入验证码输入完毕下面就把实现过程奉献给大家第一步：编写HTML代码<div class="main-out"><p class="identifying-title">输入企业提供的验证码，即可...

JavaScript生成验证码并实现验证功能

2017-02-06 19
废话不多说了，直接给大家贴代码了，具体代码如下所示：<html> <head> <title>验证码</title> <style type="text/css"> #code { font-family:Arial; font-style:italic; font-weight:bold; border:0; letter-spacing:2px; color:blue; } </styl...

javascript 解决浏览器不支持的问题

2017-02-06 22
为了程序/代码的易读性，基本上每一种编程语言都有注释的功能，javascript也不例外，javascript注释代码有多种形式，本文章向大家介绍javascript注释代码的两种方法，javascript注释代码一般有两种方法：单行注释多行注释javascript单行注释单行注释以"//"开头,到改行的末尾结束。下面是javascript单行注释实例：<html><head><title>javascript单行注释&...

通过jquery实现页面的动画效果（实例代码）

2017-02-06 20
有很多函数可以用来实现动画效果，其中animate函数为最为常见的函数之一。以下为对该函数使用方式的简要介绍。animate函数基本形式通过animate实现动画效果的基本形式为：$（selector）.animate（{params},speed,callback）;其中{params}为必须项，它是一个对象，指明了我们希望指定元素通过动画效果运行后，其所具有的的CSS样式，speed和callback则皆为可选项，其中speed指明了动画运行的速度，其...

chrome下判断点击input上标签还是其余标签的实现方法

2017-02-06 20
想要实现的功能：当input框失焦且点击的不是清除键时，执行reset方法重置input样式，当点击清除键时，执行clear方法，清除input内容。如图本想通过如下代码来实现$（".search-input"）.focusout（function （） {if （document.activeElement.className ！== "close-t"） {//close-t为清除键类名$（".search-input"）.addClass（"sear...

JQuery控制DIV的选取实现方法

2017-02-06 21
我们设置4个div 当鼠标移动到某一个div上面的时候 背景颜色就会发生变化那我们应该知道要用到mouseover（） 和 mouseout（） 前一个是移动到某个位置 后面是移开某个位置还有一个hover（,） 可以替代上面两个方法1.用mouseover（）和mouseout（）<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...

深入浅析JS是按值传递还是按引用传递（推荐）

2017-02-06 20
按值传递（call by value）是最常用的求值策略：函数的形参是被调用时所传实参的副本。修改形参的值并不会影响实参。 按引用传递（call by reference）时，函数的形参接收实参的隐式引用，而不再是副本。这意味着函数形参的值如果被修改，实参也会被修改。同时两者指向相同的值。 按引用传递会使函数调用的追踪更加困难，有时也会引起一些微妙的BUG。 按值传递由于每次都需要克隆副本，对一些复杂类型，性能较低。两种传值方式都有各自的问题。 J...
<< 101 102 103 104 105 106 107 108 109 110 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图