Welcome

首页 / 脚本样式 / JavaScript

JavaScript动态添加css样式和script标签

2017-02-06 15
[动态添加css样式]<html> <head> <script type="text/javascript"> window.onload=function（）{ var head=document.getElementsByTagName（"head"）[0]; //获取到head元素 var link=document.createElement（"link"...

JavaScript新增样式规则（推荐）

2017-02-06 17
关键代码如下所示：<html> <head> <link rel="stylesheet" type="text/css" href="basic.css"> <script> window.onload=function（）{ var sheet=document.styleSheets[0]; //【新增样式规则】 // she...

JS实现输入框提示文字点击时消失效果

2017-02-06 16
本文实例讲述了JS实现输入框提示文字点击时消失效果。分享给大家供大家参考，具体如下：在网页登陆框里的输入框里常常会看到提示你输入什么内容的字样颜色比较淡的，这个就是“文本框点击时文字消失，失去焦点时文字出现”这个效果；这个效果用个JS就可以完成，这个效果是做网站的人必备的JS代码；自己会写JS的写写也快，不会写的就需要代码收集以作备用，用到的时候就方便多了。下面就是这个效果实现用到的JS代码：<script language="JavaScript"...

js简单实现图片延迟加载的方法

2017-02-06 17
本文实例讲述了js简单实现图片延迟加载的方法。分享给大家供大家参考，具体如下：window.onload=window.onresize=window.onscroll=function（）{showImg（）;};function getPos（obj）{var l=0;var t=0;while（obj）{l+=obj.offsetLeft;t+=obj.offsetTop;obj=obj.offsetParent;}return {left: l, ...

javascript中数组和字符串的方法对比

2017-02-06 16
前面的话字符串和数组有很多的相同之处，它们的方法众多，且相似度很高；但它们又有不同之处，字符串是不可变值，于是可以把其看作只读的数组。本文将对字符串和数组的类似方法进行比较可索引ECMAScript5定义了一种访问字符的方法，使用方括号加数字索引来访问字符串中的特定字符可索引的字符串的最大的好处就是简单，用方括号代替了charAt（）调用，这样更加简洁、可读并且可能更高效。不仅如此，字符串的行为类似于数组的事实使得通用的数组方法可以应用到字符串上如果参数超...

Nodejs从有门道无门菜鸟起飞必看教程

2017-02-06 17
这是一篇菜鸟教程，这是一篇菜鸟教程，如果你是菜鸟到话。简单来说Nodejs并不是一门新的语言，但是它可以让我们的JS运行在服务器端，在服务器端写JS代码并且输入输出，也就是说以后要是有人问你JS是不是只能运行在浏览器中，你千万别说，唉，是啊。记得刚开始学HTML，CSS，JS的时候第一印象就是下载各种浏览器，因为兼容问题T_T，不过现在有个好消息学Nodejs它并没有兼容问题。如果你想知道为什么Nodejs没有兼容问题，那你的先清楚前端为什么会有兼容问题，...

javascript特效实现——当前时间和倒计时效果的简单实例

2017-02-06 17
这个效果的实现关键是对Date对象和setTimeout的使用。一共有三个例子，HTML结构如下，就不添加CSS样式了。<body>当前时间：<p id="p1"></p>高考倒计时：<p id="p2"></p>限时抢购：<p id="p3"></p></body>主要体会javascript的实现window.onload=function （） { var...

JavaScript的==运算详解

2017-02-06 16
大家知道，JavaScript中的==是一种比较复杂运算，它的运算规则很奇怪，很容易让人犯错，从而成为JavaScript中“最糟糕的特性”之一。在仔细阅读ECMAScript规范的基础上，我画了一张图，我想等你理解了这张图后，会彻底地弄懂关于==运算的一切。同时，我试图通过此文向大家证明==并不是那么糟糕的东西，它很容易掌握，甚至看起来很合理，并没那么糟糕。先上图：==运算规则的精确描述在此：The Abstract Equality Compariso...

必备的JS调试技巧汇总

2017-02-06 17
前言：任何一个编程者都少不了要去调试代码，不管你是高手还是菜鸟，调试程序都是一项必不可少的工作。一般来说调试程序是在编写代码之后或测试期修改Bug 时进行的，往往在调试代码期间更加能够体现出编程者的水平高低以及分析问题的准确度。不少初学者在寻找错误原因时，总是不得要领，花费了大量时间却无法解决一些最终证明是相当简单的Bug。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重...

Bootstrap被封装的弹层

2017-02-06 20
对于Bootstrap的弹层，插件有很多，今天主要用的是它自带的功能，通过bootstrap提供的模式窗口来实现的，而小编主要对使用方法进行了封装，开发人员可以自己动态传入弹层的ＨＴＭＬ内容，可以控制按钮的显示与隐藏，用户通过ＭＶＣ扩展方法对弹层进行生成，然后使用A标签进行调用．具体使用很简单@Html.GenerateDialog（"测试",true, @<div><form action="/home/index">hello ...

JavaScript中的splice方法用法详解

2017-02-06 17
JavaScript中的splice主要用来对js中的数组进行操作，包括删除，添加，替换等。注意：这种方法会改变原始数组！。1.删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）2.插入-向数组指定位置插入任意项元素。三个参数，第一个参数（插入位置），第二个参数（0），第三个参数（插入的项）3.替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个...

JavaScript DOM 对象深入了解

2017-02-06 17
什么叫DOM，DOM是文档对象模型（Document Object Model，是基于浏览器编程（在本教程中，可以说就是DHTML编程）的一套API接口，W3C出台的推荐标准，每个浏览器都有一些细微的差别，其中以Mozilla的浏览器最与标准接近。单纯的Javascript要结合DOM才能做DHTML编程，才能做出漂亮的效果、应用于WEB。这点几乎与其它的语言无异，正如C/C++需要库支持是一样的道理。否则就是单纯的在语法上做研究了。我们最为关心的是，DO...

JavaScript中数组的22种方法必学（推荐）

2017-02-06 16
前面的话 数组总共有22种方法，本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法和数组迭代方法共10类来进行详细介绍对象继承方法 数组是一种特殊的对象，继承了对象Object的toString（）、toLocaleString（）和valueOf（）方法【toString（）】 toString（）方法返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符...

javaScript给元素添加多个class的简单实现

2017-02-06 15
javaScript给元素添加多个class的简单实现<html> <head> <style type="text/css"> .div2{ font-size:16px; color:orange; } .div3{ font-size:20px; color:blue; } <style> <sc...

JCrop+ajaxUpload 图像切割上传的实例代码

2017-02-06 14
先给大家展示下效果图：页面代码里面用户的uuid是写死的test<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><！DOCTYPE><html lang="en"><head><title>用户头像剪裁</title><meta http-equiv="Co...

JQuery为元素添加样式的实现方法

2017-02-06 17
由于jquery支持css3，所有能很好的兼容很多浏览器，所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式$（"span"）.css（"css属性名","属性值"）如 $（"span"）.css（"color","red"） 将标签为span的字体都设为红色的$（"#id"） $（"span"）如果是定义好的css样式，可以通过addClass来添加，比如<style type="text/css">...

js只执行1次的函数示例

2017-02-06 16
在我们日常开发的时候，经常会碰到一种这样的情况：想让某个函数只执行一次，特别是在一些循环或定时执行的时候。废话不多说，直接上代码：function runOnce（fn, context） { //控制让函数只触发一次return function （） {try {fn.apply（context || this, arguments）;}catch （e） {console.error（e）;//一般可以注释掉这行}finally {fn = null...

Node.js如何自动审核团队的代码

2017-02-06 15
前言在团队开发中，无论是写前端（js,css,html） ，还是后端 ，我们常常需要解决一个问题：如何统一团队代码风格。 这篇文章主要是使用pre-git , eslint , js-beautify 实现代码风格控制。下面分别介绍这三个工具和使用方式：pre-git该工具能实现git hook的功能，在git的流程中插入一些自定义行为，例如commit之前执行代码检测，如果不通过则报错。eslint代码格式审核工具，可以随意组合配置各种风格，用于组成团队...

javascript和jQuery实现网页实时聊天的ajax长轮询

2017-02-06 18
介绍大家都知道，HTTP协议是一个属于应用层的面向对象的协议，HTTP 协议一共有五大特点：1、支持客户/服务器模式;2、简单快速;3、灵活;4、无连接;5、无状态。所以一次的请求都是一个单独的事件，和前后都没有联系。所以我们在解决网页实时聊天时就遇到一个问题，如何保证与服务器的长时间联系，从而源源不段地获取信息。一直以来的方式无非有这么几种：1、长连接，即服务器端不断开联系，PHP服务器端用ob系列函数来不停的读取输出，但是相当耗费服务器资源。2、Fla...

JS for循环中i++ 和 ++i的区别介绍

2017-02-06 16
平时都是这样写的for循环，for（var i = 0; i < 20 ; i++）{ .... }但我看有的人这样写for （var i = 0; i < 20 ; ++i） {....}这样会对for循环有什么影响？1.在for里好像没啥区别...但是用在赋值的时候, 就有区别了...var a = 1;var b = a++;var c = 1;var d = ++c;console.log（b,d）; // 1, 2 a++ 是先应用a...
<< 151 152 153 154 155 156 157 158 159 160 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图