随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：var Page_INIT = function () { $(document).bind("mouseover", function (e) {//鼠标移入 if (e.target.tagName.toUpperCase() == "INPUT") { var input = e.target; if (input.type == "text") {//如果是文本框 if (window.Page_FocusTimer) {//如果处于焦点状态 window.clearTimeout(window.Page_FocusTimer
阅读全文
摘要：我们在使用JS制作控件时,经常使用的方法就是建立一个function对象,然后对function的原型对象进行扩展对象的建立,这样在建立function对象的实例后,就可以访问到prototype原型所指定的新对象了.例如:定义一个function对象function zzl(){…}为zzl对象建立一个原型扩展对象 zzl.prototype = { display: function () { alert("欢迎您"); }, property: { name: "zzlController", version: "1.1.0",
阅读全文
摘要：我把ＪＳ也面向对象了，感兴趣的朋友可以来看看代码，哈哈：<script> function zzl() {//一个类 getname = function () { //在本类内部访问，私有方法 return "zhangzhanling"; } this.getfirstname = function () { //在本类及本类的实例中访问,公用方法 return "zhang"; } this.getfirstAndFullName = function () { return "full:" + getname()
阅读全文
摘要：方法回调:callback方法回调是指当某方法执行完成后,去自动执行指定的另一方法的过程.下面举两个代表性的例子,说说JS世界里的方法回调.一 对JS脚本文件动态加载,当加载完成后,去回调一个函数<script> /* js动态加载脚本库方法 */ function include_js(file) { var _doc = document.getElementsByTagName('head')[0]; var js = document.createElement('script'); js.setAttribute('type'
阅读全文
摘要：$ 是什么？jQuery 又是什么？jQuery = window.jQuery = window.$ = function( selector, context ) { return new jQuery.fn.init( selector, context );}通过这段代码，可以看到 $，jQuery 是 window 对象上自定义的一个成员，这个成员指向了一个匿名函数，以后可以通过window 对象的 $ 或者 jQuery 来使用这个函数。这个函数返回了一个通过 jQuery.fn.init 函数定义的对象。说明通过 jQuery 得到的对象其实是一个 jQuery.fn.init
阅读全文
摘要：看一个简单的例子:<script type="text/javascript"> // 以下是对函数,对象,对象方法,对象属性及原型作一个简单的实例说明: var test = test1 = test2 = function (width, height) { //同时建立多个函数(指定同一个对象的对象方法的实例) return new test.fn.init(width, height); }; test.prototype = test.fn = { init: function (width, height) { alert("作者:&quo
阅读全文
摘要：这是我项目中的一段JS代码,嗨,只是在IE中没有问题,在火狐及其它浏览器就出现问题了!看代码:<div class="fllbJs"> <div id=""> <dl id="Dl1" class="fllbJsDl" style="display: block;"> <dt data-value="1">1:</dt> <dd> <span id="categoryAreaSpan1&q
阅读全文
摘要：<a href="javascript:void(0)"onclick="javascript:location.href='http://url/register/login?reffer='+encodeURIComponent(location.href)"> <img src="http://img1.c2cedu.com/image/search/images/bg_jc.gif" alt="我要纠错"> </a>
阅读全文
摘要：Jquery简化了传统JS实现功能的代码量,例如:jquery的$(function(){});相当于传统JS的window.onload=function(){};还是看一下我写的代码吧:<script type="text/javascript"> window.onload = function() { //定义一个类对象 var Zhang = { Title: "", Width: "100", Height: "", Zhang: function(title, width, height)
阅读全文
摘要：我们知道C#里有继承,类也有扩展方法,而在JS世界有是否也有相似的概念和功能实现呢,答案是肯定的,现在我来和大家一起聊聊这方面的知识吧!:P <script type="text/javascript"> // 注意,prototype只对本script段起作用 // prototype原型关键字,为一个JS原对象扩展一个方法 Array.prototype.max = function() { var i, min = this[0]; for (i = 1; i < this.length; i++) { if (min > this[i]) m
阅读全文
摘要：JS扩展方法:通过原型prototype为JS的function扩展一个新的function<script> function Rectangle(width, height) { this.width = width; this.height = height; } //为js的一个function添加一个方法,即我们通过原型prototype为一个class添加一个method Rectangle.prototype.adds = function (rec) { if (rec instanceof Rectangle) { return (rec.width*rec.hei
阅读全文
摘要：这其实是一个跨域的问题,我们要用到的技术是jsonp,看看吧:P 1: $.ajax({ 2: jsonp: "jsonpcallback", 3: data: 'productID=30000192' 4: dataType: "jsonp", //注意,这里不是type:"post",这里是jsonp,这是指跨域访问 5: url: "http://www.c2cedu.com/cart/AddUserCart", 6: success: function(result){ 7: if (res
阅读全文
摘要：什么是跨域呀!很简单,就是不同的域名之间的数据访问技术,就叫做跨域.看下面的例子,从是从zzl主站下获得数据的 1: $(document).ready(function() { 2: if ($('.geyan').length == 1) { 3: $.ajax({ 4: dataType: "jsonp", 5: jsonp: "jsonpcallback", 6: url: 'http://www.zzl.com/Help/Promise', 7: success: function(result) { 8: $(
阅读全文
摘要：VIEW层代码: 1: 2: 3: 4: 5: controller层代码: 1: public ActionResult TreeDepartment() 2: { 3: 4: Entity.OA.Department de...
阅读全文
摘要：<script type="text/javascript" src="http://img.zzl.com/script/jquery/jquery-1.4.2.min.js"></script><script type="text/javascript"> $(function() { $("#open").click(function() { openDialog(a1); //调用,直接写上DIV的ID即可 }); }); var openDialog = functio
阅读全文
摘要：ASXC代码：<script> $(function() { //菜单变亮 $(".menubanner>ul>li").find("a[href$='" + location.href.split(window.location.host)[1] + "']").closest("li").addClass("current"); if (location.href.split(window.location.host)[1] == "&quo
阅读全文
摘要：<script type="text/javascript"> $(function() { $("#originalWidth").val($("#img1").width()); $("#originalHeight").val($("#img1").height()); var originalWidth = $("#originalWidth").val(); var originalHeight = $("#originalHeight&quo
阅读全文