Welcome

首页 / 脚本样式 / JavaScript

AngularJS使用ng-options指令实现下拉框

2017-02-06 19
ng-option指令使用很简单，只需要绑定两个属性：一个是ng-model用于获取选定的值；另一个是ng-options用于确定下拉列表的元素数组。1、问题背景一般情况下，select下都会有option，但是AngularJS中有指令ng-options，就可以实现select下拉框2、实现源码<！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <...

jq实现左滑显示删除按钮,点击删除实现删除数据功能（推荐）

2017-02-06 19
效果图第一步：加载<script src="js/jquery.min.js"></script><script src="js/jquery.mobile-1.3.2.min.js"></script>第二步：html<div class="item-wrap"><div class="item clearfix"><div class="img-item"><im...

JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】

2017-02-06 18
本文实例讲述了JS实现放大、缩小及拖拽图片的方法。分享给大家供大家参考，具体如下：var divId;var v_left;var v_top;window.onload=function（）{divId = document.getElementById（"block1"）;var height1 = images1.height;//图片的高度var width1 = images1.width;//图片的宽度v_left=（document.body...

JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果

2017-02-06 18
本文实例讲述了JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果。分享给大家供大家参考，具体如下：<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%><%String path = request.getContextPath（）;String basePath = request.getScheme（） + "://"+ re...

AngularJS使用ng-repeat指令实现下拉框

2017-02-06 20
AngularJs 的 ng-repeat 让我们非常方便的遍历数组生成 Dom 元素，但是使用不当也会有性能问题。下面给大家分享在项目中使用ng-repeat指令实现下拉框。1、问题背景select下拉框里option组装成下拉框，这里利用ng-repeat指令来创建2、实现源码<！DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>...

利用JavaScript判断浏览器类型及版本

2017-02-06 21
本文将介绍如何使用Javascript来检测浏览器的类型以及版本号，包括猎豹浏览器、搜狗浏览器、傲游浏览器、360极速浏览器、360安全浏览器、QQ浏览器、百度浏览器、IE,Firefox,Chrome,safari,Opera等。效果图实例代码<！DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; chars...

Jquery组件easyUi实现表单验证示例

2017-02-06 18
本文实例为大家分享了Jquery easyUi表单验证实现代码，供大家参考，具体内容如下<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Form - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../t...

Jquery调用iframe父页面中的元素及方法

2017-02-06 18
一、在iframe中查找父页面元素的方法：$（‘#id", window.parent.document）二、在iframe中调用父页面中定义的方法和变量：parent.methodparent.value三、实例父页面：<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %><！...

Jquery组件easyUi实现选项卡切换示例

2017-02-06 17
本文实例为大家分享了Jquery easyUi选项卡切换效果，供大家参考，具体内容如下<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Tabs - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../th...

Javascript将JSON日期格式化

2017-02-06 19
以下是示例代码第一种效果：///无时分秒function jsonDateFormat（jsonDate） {//json日期格式转换为正常格式 try {var date = new Date（parseInt（jsonDate.replace（"/Date（", ""）.replace（"）/", ""）, 10））;var month = date.getMonth（） + 1 < 10 ? "0" + （date.getMonth（）...

Jquery组件easyUi实现手风琴（折叠面板）示例

2017-02-06 18
本文是为大家分享了Jquery easyUi手风琴效果，供大家参考，具体内容如下效果图：<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Basic Accordion - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href=...

jquery实现网页定位导航

2017-02-06 19
不知道大家有没有注意到有的网页由于页面信息量太大所以使用了页面定位导航来实现跳转，点击旁边的菜单的某一项页面就跳到那一项对应的内容，而且我们滚动滚动条，当滚动到某一项内容，旁边菜单对应的那一项也会高亮显示。今天我就来讲讲这样的效果是如何实现的。先贴上显示效果：实现：这个的页面布局很简单，大家下去多试试就OK了，值得注意的是需要在菜单布局里的每一个li里面添加a标签并且给a标签的 href 赋上对应的id号，可以让其点击立即跳到id对应的内容然后就是jque...

jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果

2017-02-06 19
1、实现行的上移、下移、说明：1.1 通过datagrid生成的表格有固定的格式，比如，表格div的class名是datagrid-view。比如每一行tr都有id和datagrid-row-index属性等。1.2 在上移和下移以后，我们将移动以后的两行的id和datagrid-row-index属性也必须互换，这样能保证datagrid-row-index=0的行肯定是页面显示的表格的第一行，=1的是第二行等等。将来保存的时候，就是通过取这个属性值找某...

jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

2017-02-06 19
1、先给出问题解决后的代码<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%><%String path = request.getContextPath（）;String basePath = request.getSc...

jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据

2017-02-06 22
废话不多说了，直接给大家贴代码了。关键代码如下所示：/// 最近一次使用编辑行 一切正常///<summary>///初始化数据容器///</summary>function InitGrid（）{var lastIndex;$（"#grid"）.datagrid（{url:"",loadMsg:"数据加载中,请稍后......",border:false,fitColumns:true,remoteSort:false,onDbl...

浅谈js中字符和数组一些基本算法题

2017-02-06 20
最近在刷 fcc的题，跟升级打怪一样，一关一关的过，还挺吸引我的。今天抽时间把 Basic Algorithm Scritping 这部分题做了，根据一些提示，还是比较简单的。有些题的处理方式 方法，我想值得借鉴。比如在项目中有时候要处理一个字符，如果想不到一些相关的方法，还挺费事的，所以，在此记录下来，如果以后遇到一些字符或者数组处理，可以来翻翻这篇文章，希望以此得到一些提示而不是去翻文档。看到此博文的博友，有更好更简单的代码或者好的想法，请留言交流（我...

jQuery Easyui Tabs扩展根据自定义属性打开页签

2017-02-06 18
easyui是一个轻量级的后台管理系统框架，各种组件均有，使用简单方便，现在已经有免费版的License了。1.增加扩展<script type="text/javascript" >/*** @author {kexb} easyui-tab扩展根据id切换页面*/$.extend（$.fn.tabs.methods, {getTabById: function （jq, id） {var tabs = $.data（jq[0], "tabs...

卸载安装Node.js与npm过程详解

2017-02-06 18
下面记录一下在本地 Windwos 环境用 vagrant 搭建的虚拟机（Homestaead）和生产环境阿里云 CentOS 系统安装 Node.js 的步骤，以及 npm 安装依赖的不同之处。使用源码编译的方式安装 node.js.首先将机子上的 Node.js 卸载，我直接贴上 Stack Overflow 上提供的步骤：1.卸载 npm 和 Node.js先卸载 npm，命令是：sudo npm uninstall npm -g，然后卸载 Node...

js中获取jsp表单中radio类型的值简单实例

2017-02-06 19
1、问题的引出：我们经常需要在js中使用ajax向后台发送请求，在这之前我们需要搜集所需的Form表单参数， 我常常会如此解决，简单省事：// editBasicDataObjectForm 为 form的id，data的形式为 name1=val1&name2=val2&name3=val3&.....var data = $（"#editBasicDataObjectForm"）.serialize（）;但在一次我需要单独获得表单中radio类型的字段...

Web安全测试之XSS实例讲解

2017-02-06 19
Web安全测试之XSSXSS 全称（Cross Site Scripting） 跨站脚本攻击， 是Web程序中最常见的漏洞。指攻击者在网页中嵌入客户端脚本（例如JavaScript）, 当用户浏览此网页时，脚本就会在用户的浏览器上执行，从而达到攻击者的目的. 比如获取用户的Cookie，导航到恶意网站,携带木马等。作为测试人员，需要了解XSS的原理，攻击场景，如何修复。 才能有效的防止XSS的发生。阅读目录XSS 是如何发生的HTML EncodeXSS ...
<< 131 132 133 134 135 136 137 138 139 140 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图