当前位置:首页 > 站长笔记 > javascript笔记 > 文章
运行天数:2994 天 最后更新:2020-7-1

[转载]原生js实现ajax封装

2020年04月18日 | 点击量: 131

一、什么是ajax? 定义:Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术,在不需要重新刷新页面的情况下,Ajax 通过异步请求加载后台数据,并在网页上呈现出来。 作用:提高用户体验,减少网络数据的传输量 二、ajax常见运用场景 表单验证是否登录成功、百度搜索下拉框提示和快递单号查询等等。 三、Ajax原理是什么 Ajax请求数据流程,其中最核心的依赖是浏览器提供的对象xhr,它扮演的角色相当于秘书,使得浏览器可以发出HTTP请求与接收HTTP响应。浏览器接着做其他事情,等收到XHR返回来的数据再渲染页面 四、ajax涉及的知识点 1、readyState:返回当前文档......
关键词:
详细阅读

JS正则匹配style,width,height等属性

2020年03月20日 | 点击量: 117

JS正则匹配style,width,height等属性     str=str.replace(/[ \t]*style[ \t]*=[ \t]*("[^"]+")|('[^']+')/ig,""); str=str.replace(/[ \t]*width[ \t]*=[ \t]*("[^"]+")|('[^']+')/ig,""); str=str.replace(/[ \t]*height[ \t]*=[ \t]*("[^"]+")|('[^']+')/ig,""); str=str.replace(/[ \t]*width[ \t]*=[ \t]*[^ \t]+/ig,""); str=str.replace(/[ \t]*height[ \t]*=[ \t]*[^ \t]+/ig,"");     使用实例 图片自适应问题,保留宽度,删除高度   html部分 <body onload='clearheight()'> <div id='con'> <p>这里是内容,很多图片内容啊&......
关键词:
详细阅读

js中的匿名函数

2020年03月09日 | 点击量: 147

来源:https://www.cnblogs.com/ranyonsue/p/10181035.html 收藏主要用于学习.如有侵权请联系,必删.   匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。 匿名函数:没有实际名字的函数。 首先我们声明一个普通函数: //声明一个普通函数,函数的名字叫fn function fn(){ console.log(“张培跃”); } 然后将函数的名字去掉即是匿名函数:   //匿名函数,咦,运行时,你会发现报错啦! function (){ console.log(“张培跃”); } 到此,你会发现单独运行一个匿名函数,由于不符合语法要求,报错啦!解决方法只需要......
关键词:
详细阅读

一个页面同时使用多个TinyMCE编辑器

2020年03月04日 | 点击量: 296

来源: http://tinymce.ax-z.cn/general/multiple-editors.php 一个配置共享多个编辑器实例 该官方提供的例子,将页面分成两个单独的可编辑区域。每个区域共享一个编辑器。每个区域的div使用了相同的class(.myeditablediv)。 <!DOCTYPE html> <html> <head> <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script> <script> tinymce.init({ selector: '.myeditablediv', inline: true }); </script> </head> <body> <h1>Multple editors on a page: Section 1<......
关键词:, ,
详细阅读

全站图片src添加前缀JS方法

2020年02月15日 | 点击量: 230

全站图片src添加前缀JS方法 <script type=”text/javascript”> window.onload=function(){ var imgs = document.getElementsByTagName(‘img’); for(var i = 0;imgs[i];i++){ var thttp = imgs[i].getAttribute(‘src’).indexOf(“http”); var tok = imgs[i].getAttribute(‘src’).indexOf(“//”); if(thttp == -1 || tok == -1) {imgs[i].setAttribute(‘src’, ‘https://www.yingzi.biz/’ + (imgs[i].getAttribute(‘src’) || ”));} } } 一定用setAttribute,getAt......
关键词:
详细阅读

jq图片连续滚动代码jQuery-jcMarquee.js

2020年02月15日 | 点击量: 290

本代码支持同页面多个滚动效果. 需引入jquery-1.7.2.min.js jQuery-jcMarquee.js代码 ;(function($){ $.fn.jcMarquee = function(options) { var defaults = { ‘marquee’:’x’, ‘margin_bottom’:’0′, ‘margin_right’:’0′, ‘speed’:’10’ }; var options = $.extend(defaults,options); return this.each(function() { var $marquee = $(this), $marquee_scroll = $marquee.children(‘ul’); $marquee_scroll.append(“<li class=’clone’>”+&#......
关键词:
详细阅读

js错误Uncaught TypeError: XXX is not a function解决方法及原因

2020年02月15日 | 点击量: 297

起因: 在对select进行onchange操作时,无法执行函数,一直报错:Uncaught ReferenceError: XXX is not defined at HTMLSelectElement.onchange 经过排查,发现并无错误。 因为之前一直是正常使用的,突然不行,考虑是不是兼容问题。 通过多方查找,最后锁定原因 form 表单中方法的名称与 id 或者 name 重复导致 通过修改一下函数名或者id名解决本例错误。 参考阅读: https://blog.csdn.net/shaotaiban1097/article/details/102857577 https://blog.csdn.net/u011870547/article/details/52765811  
关键词:
详细阅读

原生JS实现增加删除class(addClass,removeClass,toggleClass)

2019年12月18日 | 点击量: 412

来源于网络.     <!DOCTYPE html> <html> <head> <style type=”text/css”> .night-mode{ background:#383838; color:#888888; } </style> <script type=”text/javascript”><br>//判断样式是否存在 function hasClass(ele, cls) { return ele.className.match(new RegExp(“(\\s|^)” + cls + “(\\s|$)”)); } //为指定的dom元素添加样式 function addClass(ele, cls) { if (!this.hasClass(ele, cls)) ele.className += ” ” + cls; } //删除指定dom元素的样式 function......
关键词:
详细阅读

js修改img的src值

2019年11月25日 | 点击量: 368

js原生方法:document.getElementById(“img”).src = “1.jpg”; Jq方法:$(“#img”).attr(“src”,”1.jpg”);
关键词:
详细阅读

JQuery中$(function() {…})的说明

2019年10月30日 | 点击量: 333

$(function() {}) 是$(document).ready(function()的简写。 在DOM加载完毕之后执行。 DOM加载完毕是指页面所有的html标签(包括图片等)都加载完,全部展现到浏览器界面上。
关键词:
详细阅读