2018年02月_codingCoge

原创 js控制动画

js设置动画：要考虑是否真的需要重要的是setTimeout还有js创建的标记和css中创建的呈现效果可以一起使用时间：setTimeout("function",time); 举例： function moveMessage(){ var elem=document.getElementById("xx"); elem.style.left="200px"; } f...

2018-02-13 22:45:03 1383 1

原创内容分布网络的写法

2018-02-13 22:44:24 393

原创创建一个网站需要的注意点（自己看的）

二：文档类型声明方式：　　html:　　　　过渡型：　　　　&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;　　　　严格型:　　　　&lt;!DOCTYPE HTML PUBLIC "-

2018-02-13 22:43:45 222

原创 jquery的基本使用

方法连缀：$('p').removeClass('classFoo').addClass('classBar');方法迭代：可以使用each方便对元素列表进行循环操作$('li').each(function(i){ alert( typeof this);});css选择器：$('*') 选择所有元素$('tag') 选择所有html标签中的tag元素$('ta...

2018-02-13 22:42:19 130

原创 dom设置动画

dom设置动画：要考虑是否真的需要重要的是setTimeout还有js创建的标记和css中创建的呈现效果可以一起使用时间：setTimeout("function",time); 举例： function moveMessage(){ var elem=document.getElementById("xx"); elem.style.left="200px"; } ...

2018-02-10 18:44:42 686

原创 dom修改css样式

CSS-DOM:style属性是对象类型nodeName是tring类型如果文档的内容需要定期编辑和刷新添加class属性的工作就会变成一种负担如果文档内容需要一个CMS来处理给文档内容的个别部分添加class属性或者其他样式的做法有时是不被允许的font-size属性要用元素.style.fontSize来检索考虑纯粹用css还是用DOM设置样式需要考虑这些问题：1最...

2018-02-08 15:32:12 2383

原创 Dom丰富内容显示隐藏内容

注意：元素中的/前面最好要空格在现有元素后面插入一个新元素需要自己写代码无法调用 innerAfter当script外部文件放在head时如果用到DOM方法或者文档中的元素最好用到load 因为DOM还没加载完会出错多个函数赋值给loadfunction addLoadEvent(func) { var oldonload = window.onload; if (typ

2018-02-07 18:11:06 324

原创 dom的常见属性和方法

牢记：js脚本应该只用来充实文档内容要避免使用DOM技术创建核心内容需要对文档现有信息进行检索的时候下面DOM方法最有用：getElementByIdgetElementByTagNamegetAttribute元素.firstChild.nodeValue 元素的第一个节点的内容比如可以得到p标签中的文本节点因为p里面的文字内容实在文本节点里面在需要把信

2018-02-07 18:10:18 681

原创 html开头部分（DOCTYPE）

不是很严格的xhtmlhtml xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>title>head>需要框架的htm

2018-02-07 11:29:02 7709

转载 Ajax总结

Ajax的核心技术是XMLHttpRequest对象,它可以在不向服务器提交整个页面的情况下，实现局部更新网页。通过这个对象，Ajax可以像桌面应用程序那样只与服务器进行数据层的交换，而不必每次都刷新界面，也不必每次将数据处理的工作都交给服务器来做。这样既减轻了服务器负担又提高了响应速度，还缩短了用户的等待时间。通常一个Ajax的实现过程有五步，下面我们以上篇博客中的小实例为例来逐步学习。1.

2018-02-06 19:30:47 102

转载 ajax引用检测用户名是否存在

1.实例功能：当用户输入用户名，文本框失去焦点后，通过异步调用来判断该用户名是否已经存在。若存在，则在上图中红框处显示提示。当用户名可用时，提交按钮变为可用状态。1.实例功能：当用户输入用户名，文本框失去焦点后，通过异步调用来判断该用户名是否已经存在。若存在，则在上图中红框处显示提示。当用户名可用时，提交按钮变为可用状态。2.设计Html页面：

2018-02-06 17:56:00 306

原创 Ajax的简单学习

ajax的核心是 XMLHttpRequest html引用外部的时候这些要放在最后好处如下： 1.加快网页加载速度 2.document.getElementById也可以用不然放head中则无法使用DOM方法 function loadXMLDoc(){ var xmlhttp; if(window.XMLHttpRequest){ xmlh

2018-02-06 17:26:04 117

原创 JavaScript DOM 动态创建标记

注意：避免使用document.write() 没有将结构和行为分开 createElement createTextNode创建元素insertBefore 是将指定元素插入目标元素的前面需要父元素属性 parentNode就可以得到父元素insertBefore： var gallery=document.getElementById("sdf");

2018-02-06 15:34:03 212

转载 javascript dom的图片最终版源代码（重复看）

html代码：html lang="en">head> meta http-equiv="content-type" content="text/html; charset=utf-8" /> title>Image Gallerytitle> script type="text/javascript" src="scripts/showPic.js">script> lin

2018-02-06 15:24:40 392 3

原创 JavaScript DOM的图片库的应用和优化

js和html分离很重要属性： display：inline；可以实现列表横向显示外部引用css"stylesheet" href="styles/layout.css" type="text/css" media="screen">注意点： title是鼠标移到上面显示的内容 alt是图片加载不出来显示的内容为了减少对网站的请求次数应该将.js文件合并到一个文件中事件处理函数

2018-02-04 20:23:54 184

qq_38409944的博客