联动菜单是我们开发中常用到的一个实例，像城市联动，二级菜单等等都会用到，下面我以城市联动为实例来介绍js级联选择效果。 代码实例:以下代码可以直接粘贴使用,但里面的城市并不完整. 实现原理是利用 js的onchang方法，调用city.js文件里的changecity()函数，var text = city[index][i].split(“-”); 这个方法是把new Array()数组拆分进text变量数组里，然后text[0]是文本区域中的值，text[1]是选中的值,...

本文章来介绍在css与javascript中控制滚动条的位置，获取控件的位置 有需要的朋友可参考参考。 ie 6 需要用document.documentElement.scrollTop 获取滚动条位置,ie 其他版本可以用 document.body.scrollTop 获取滚动条位置,其他浏览器可以用 window.pageYOffset 获取滚动条位置. 当聊天室的内容超出页面范围时,如何让页面刷新后,显示最下面的内容,代码如下: document.getElementById ( 'chatb...

下面总结了两种关于图片无缝滚动实现代码，有需要的朋友可参考参考。 下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和 demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动...

下面我总结一个关于javascript中对select的新增、修改、删除、选中、清空、判断存在等操作，有需要的朋友可参考参考。 1.判断select选项中 是否存在Value="paraValue"的Item. function jsSelectIsExitItem(objSelect, objItemValue) {       var isExit = false;       for (var i = 0...

本文所说的是浏览器窗口的可视区域大小，不是浏览器窗口大小，也非页面尺寸。 在没有声明DOCTYPE的IE中，浏览器显示窗口大小只能以下获取,代码如下: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中，可以用以下来获取浏览器显示窗口大小： document.documentElement.clientWidth document.documentElement.clientHeight IE，FF，Safari皆支持该方法，opera虽支持该属性...

一个UTF8页面需要POST数据到GB2312页面，这时中文的编码是按照UTF8提交过去的，GB2312页面无法接收。如何实现，网络搜索了一种很不错的方法，但有缺陷，这里一一说起。 1、FORM标签里加上accept-charset代码，这个能把FORM里的数据自动编码成指定的字符集提交，比如在UTF8页面提交数据到GB2312，代码就是accept-charset=”GB2312″，但accept-charset除了IE其他浏览器都支持。。。 2、这时可以在提交时触发JS...

1、预先定义好图片显示的标准宽度和高度。 2、如果图片的大小超过了标准定义，那么等比例压缩图片。 3、如果图片的大小等于标准定义，那么按照标准宽度和高度显示图片。 4、如果图片的大小小于标准定义，那么不对图片进行任何压缩处理。代码如下: //设置图片自动调整     function   SetImgSize(pimg,iw,ih)   {   //pimg对象，iw...

经常会在一些网站上看到你不同时段进入会根据时间显示不同的问候语,下面我们来看看实现方法,执行结果可以在自己的电脑上测试下一就行了.现在在网页上也可执行结果,代码如下: date_default_timezone_set("Asia/Shanghai"); //设置中国时区   $now = getdate ();   $h = $now["hours"];   if($h < 12)    {&nbs...

我遇到了一个很奇怪的问题，就是在利用Javascript控制表单提交时，浏览器提示document.genForm.submit is not a function。genForm是表单<form>的name，并且使用同样函数的另一个表单却执行正常，查找了半天也没有发现两个有什么不同，后来在网上搜索了一番，结果找到了原因。 当表单<form>…</form>中含有name=”submit”时，提交时就会有冲突，这个错误常见于按钮上，如: 在Javascript做s...

本文章收藏了几款不错的兼容Ie6、7、8，FF以及谷歌浏览器文字向上滚动代码，有需要学习的朋友可参考一下,代码如下: <script type="text/javascript">   function scrollOneStep(obj)   {   var ul = document.getElementById(obj);   var li = ul.getElementsByTagName("li");   var li_move&nb...

目前网上所流行的兼容IE和FIREFOX的加入收藏夹代码,但是需要注意的是就是如果网页代码里出现名为sidebar的class，那么代码将不能运行，估计是window.sidebar误读为那个sidebar.代码如下: function bookmark(){   var title=document.title   var url=document.location.href   if (window.sidebar) window.sidebar.addPanel(title, url,""...

event.x、event.clientX、event.offsetX、event.screenX 详解 有需要的朋友可参考一下 clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针...

文章介绍一个实现用来随机抽取数组中一值解决办法,有需要的朋友可参考一下. 从数组 m 中随机取出 n 个值,看代码: var m = [1,2,3,4,5,6,7,8,9,'a','b','c','d','e','#'];   function randArray(m, len) {       m.sort(function () {           return Math....

现在浏览器越来越多了，兼容性也特别复杂，下面我收藏了css与javascript中浏览器兼容常见问题总结，有需要的朋友可参考一下。 突然间，在Chrome下看起来很整齐的布局，在IE下变成一团糟。为了找出原因，我改动了div的background-color属性。最后，发现同一个DIV的宽度在IE和Chrome下却不一样。这大晚上的，真是怪吓人滴！ 之后，做了个测试. Css代码如下: div1 { width:960px; margin:0px; padding:0px; } ...

本文章总结了几种常用的动态加载js脚本的方法，有需要的朋友可参考一下。 javascript动态加载js脚本 1、直接document.write,代码如下: <script language="javascript">       document.write("<script src='test.js'></script>");   </script>   2、动态改变已有script的src属性,代码如下: <script ...

本文章介绍了JS面向对象编程和对象访问控制实例，有需要学习的朋友可以参考一下。 Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。 那么，如果我们要把"属性"（property）和"方法"(method)，封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？ 一、 生成对象的原...