文章分类 - Javascript
摘要：前言:下面我们接着旅程9继续我们的JavaScript Dom征程10。这篇博客是我的完结版，花费了将近两个月的时间终于写完了这个系统，在这里我很高兴我能够坚持写下来，同时也让我学到了不让技术点，但是人总是会淡忘的吗，所以我以后还要非常认真的仔细看看这些博客系列，同时也感谢阅读我的博客的博友，人虽然不多，但是我还是很高兴的。下面是最后完结版所以我实现了几个小例子(1) 实现省市选择的界面 1 <script type="text/javascript"> 2 3 var data = { "甘肃": ["兰州市", &qu
阅读全文
摘要：前言:下面我们接着旅程8继续我们的JavaScript Dom征程9。在这篇博客里面我们主要讲述了form对象，以及写JavaScript代码的时候不同浏览器之间的差异和在JavaScript中使用正则表达式的一些知识点，接下来我们做了两个练习来说明了这些知识点，那就是：回车实现Tab跳转和全额文本框。form对象(1) 先来写段代码举例说明一下吧 1 <form id="form1" action="ball.htm" onsubmit="if(document.getElementById('name').value.
阅读全文
摘要：前言:下面我们接着旅程7继续我们的JavaScript Dom征程8。在这篇博客中我们还是继续书写我们控制层的练习代码，在这篇博客中我会实现这几个功能点，第一个就是评分控件的实现，现在很多网站都有这个功能，就是你写了一个博客，让别人给你评论，还有鼠标的移动的一些知识点及文本框的提示信息等技术控制层的练习(1)练习3：评分控件v2。用一个单行5列的table，td中默认都是startEmpty.jpg这个图片,监听td的mouseover事件，鼠标在一个td的时候将这个td以及之前的td的内容换成starFill.jpg这张图片。鼠标在评分控件上的时候显示显示超链接形式的鼠标图标 1 <s
阅读全文
摘要：前言:下面我们接着旅程6继续我们的JavaScript Dom征程7。这篇博客我们主要做了几个很实用的小案例来练习一下控制层，使我们能够更加的了解这个知识点，而且这些案例都是网站上面基本用的到，比如当我们单机登录的时候不是跳转页面，而是在本页面上面浮出一个层的登录方式，还有小图片看不清看大图片的效果等等。控制层的练习(1) 练习1：点击【登录】按钮，弹出一个显示用户名，密码的层，将用户名，密码等写入一个层中，层默认是隐藏的，点击【登录】超链接以后将层显示出来，如果点击层中的关闭按钮，则隐藏层。 1 <script type="text/javascript">
阅读全文
摘要：下面我们接着旅程4继续我们的JavaScript Dom征程5，这篇博文主要讲的是事件冒泡还有Dom修改元素的样式，所以这篇博文里面有很多举例说明，如：网页的开关灯效果，文本框的变色效果，还有就是评分控件的实现，而且这些在网页中用法都是非常普遍的。JavaScript中的事件冒泡(1) 事件冒泡：如果元素A嵌套在元素B中，那么A被点击不仅A的onclick事件被触发，B的onclick也会触发，触发的顺序是”由内到外”。验证：在页面上添加table,table里面有tr,tr里面有td,td里面放一个p,在p,td,tr,table中添加onclick事件响应。<body onclick
阅读全文
摘要：前言:下面我们接着旅程5继续我们的JavaScript Dom征程6,通过这篇博文的学习我们能够非常容易的操作层的变化,在这片博文中我也用了很多小例子来说明我所说的每个知识点,比如:显示隐藏层,动态加载层的宽度高度,还有跟着鼠标飞的小例子。学习就是举一反三的举动，所以当我们摘掉这些的时候我们可以自己在扩展写出很多网页上面经常使用的例子的。编程控制层(1) 控制层的显示修改style.display,例子：切换层的显示 <script type="text/javascript"> function toggelDiv(cb) { var div1 = docum
阅读全文
摘要：好长时间有没有写博客了,从今天起我的博客之路继续了,嘿嘿下面我们接着旅程3继续我们的Dom征程4，这篇博文讲的是Dom的动态创建。Dom的动态创建(1) document.write只能在页面加载过程中才能动态创建(2) 可以调用document的createElement方法来创建具有指定标签的Dom对象，然后通过调用某个元素的appendChild方法将新创建的元素添加到相应的元素下。 <script type="text/javascript"> function btnClick() { var divMain = document.getElement
阅读全文
摘要：下面我们接着旅程2继续我们的Dom征程。在这片博文中我完成了document属性的所有介绍，并在最后用几个小案例充分的讲解了这些知识点。这些里面有些特效很常见，在我们网站注册的时候我们会限制单击控件的时间，让用户有足够的时间读完协议控件才能可用，实现注册。document属性1(1) document是window对象的一个属性，因为使用window对象成员的时候可以省略window,所以一直写document。(2) document的方法1) write：向文档写入内容，writeln和write差不多，只不过最后添加一个回车。 <script type="text/jav
阅读全文
摘要：下面我们接着上一篇继续我们的Dom征程，在我的学习中，我感觉越学Dom越感觉非常的有意思，期待我们能够共同学习。下面我们学习window对象的属性，这个博客我就专门针对我这段时间学习的window对象的属性做个笔记。window对象的属性1(1) window.location.href=’http://www.baidu.com’,重新导航到新的地址，和navigate方法效果一样，window.location.reload()刷新页面。 <input type="button" value="href" onclick="alert
阅读全文
摘要：前言：随着工作了几个月的时间，我感觉到我们在学校学到的东西真的好少哦，由于现在在公司做一个项目，而这个项目中我的角色是后台代码的编写，但是我也在是不是的调试JavaScript代码，虽然老师当年交了我们，但是现在忘的差不多了。所以我抽时间看视频重新学习了一下JS,这里是我的学习笔记，希望对我们想要学习JS初级的同学有用，所以我就产生了这个系列。Dom入门(1) Dom就是HTML页面的模型，将每个标签都作为一个对象，JavaScript通过调用Dom中的属性，方法就可以对网页中的文本框，层等元素进行编程控制，比如：通过操作文本框的Dom对象，就可以读取文本框的值，设置文本框中的值。JavaSc
阅读全文
摘要：什么是JavaScript?(1) HTML只是描述网页长相的标记语言，没有计算，判断能力，如果所有计算，判断(比如判断文本框是否为空，判断两次密码是否输入一致)店铺放到服务器端执行的话网页的页面会非常的慢，用起来也很难用，对服务器的压力也很大，因此要求能在浏览器中执行一些简单的运算，判断，JavaScript就是一种在浏览器端执行的语言。(2) JavaScript和Java没有直接的关系，唯一的关系就是JavaScript原名LiveScript，后来吸取了Java的一些特性，升级为JavaScript，JavaScript有时被简称为JS。(3) JavaScript是解释性语言，无需编
阅读全文
摘要：原文地址:http://www.w3help.org/zh-cn/causes/SD9005问题描述在 IE 中将一个 DOM 或 BOM 对象的原生方法赋给一个变量后，该变量可以成功调用。造成的影响在非 IE 浏览器中可能导致脚本异常，停止解析。受影响的浏览器IE问题分析这里使用 document.getElementById 来说明问题。在前端开发过程中经常需要使用 document.getElementById 来获取页面中含有 id 属性 DOM 元素，为了方便，该方法经常被简写，如下：//方式1var $1 = function(id){return document.getElem
阅读全文
浙公网安备 33010602011771号