javascript 前端-关于使用javascript的宿主对象window的不解

问题描述

关于使用javascript的宿主对象window的不解
前段时间看了javascript dom的编程艺术,就想实现一下里面的例子,其中有讲到图片库向后兼容的问题,本来这样子就可以实现图片的切换:

js:
function showPic(Whichpic){
var placeholder = document.getElementById(""placeholder"");
var source = Whichpic.getAttribute(""href"");
placeholder.setAttribute(""src""source);

}
这样子可以实现没有问题,问题是书介绍了要兼容的问题,因此改了代码,

把onclick函数去掉。js中增加:function prepareGallery(){
if(!document.getElementsByTagName)return false;
if(!document.getElementById)return false;
var gallery = document.getElementById(""nav"");
var links = gallery.getElementsByTagName(""a"");
for(var i=0;i<links.length;i++)
{
links[i].onclick=function(){

        return !showPic(this);    }}

}
结果一运行showPic是运行了,但是链接还是被点了进去,也就是说for循环里面没有返回false~不知道是什么问题??求解。。。。。。

时间: 2024-10-29 23:04:58

javascript 前端-关于使用javascript的宿主对象window的不解的相关文章

javascript宿主对象之window.navigator详解_javascript技巧

window.navigator用来反映浏览器及其功能信息的对象.  // 检测浏览器版本信息 function getBrowserInfo(){ var Sys = {}; var ua = window.navigator.userAgent.toLowerCase(); var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; var m = ua.match(re); Sys.browser = m[1].replace(/ve

自己动手写的javascript前端等待控件_javascript技巧

等待控件在网上搜有好多种,但是都很复杂,不一定用的顺手,再说我的项目是bootstrap的原因,又不敢轻易使用第三方控件,怕不兼容,于是自己动手写了个等待控件,其技术点包括动态加载CSS,javascript的命名空间,所以记录一下. 这个等待控件主要是:进行某个操作前,显示一个信息提示:"数据加载中,请稍候...",操作成功后,在回调函数中将提示消失,原理是这个等待控件完全由JS动态加进去,包括CSS,页面中并无预先设定. 那么这个CSS怎么动态加载呢?等待控件中,样式使用了clas

《JavaScript专家编程》——第1章 对象和原型 1.1鸟瞰JavaScript

第1章 对象和原型 练习不会造就完美,只有使用最佳的方法来练习才能造就完美. --Vince Lombardi 对专家来说,把JavaScript的核心概念讲上3章似乎有点多,毕竟这些是语言最基本的组成部分.我的主张是,有的人虽然不能读写,但可以说话.就像有的开发人员对JavaScript的基本功能很熟悉,但对里面那些复杂的东西可能就没那么了解了. 本书的目标是像明灯一样照亮语言中那些晦涩的角落.里面包含的很多概念你可能已经试着学习过了,甚至可以假设你已经理解了.这里可以想象一下:你正降落到你大

浅析JavaScript中两种类型的全局对象/函数_javascript技巧

这里所说的JavaScript指浏览器环境中的包括宿主环境在内的.第一种是ECMAScript Global Object,第二种是宿主环境(Host)下的全局对象/函数. 一.核心JavaScript内置对象,即ECMAScript实现提供的不依赖于宿主环境的对象 这些对象在程序执行之前就已经(实例化)存在了.ECMAScript称为The Global Object,分为以下几种 1, 值属性的全局对象(Value Properties of the Global Object).有NaN,

javascript实现的元素拖动函数宿主为浏览器_javascript技巧

//宿主为浏览器 //将相应的元素对象的引用传到函数中 function candrag(drager) { drager.onmousedown = function (down) { var offx = drager.offsetLeft var offy = drager.offsetTop; var offxl = down.clientX - offx; var offyl = down.clientY - offy; window.condition = 0;//为window添加

JavaScript前端图片加载管理器imagepool使用详解_基础知识

前言       imagepool是一款管理图片加载的JS工具,通过imagepool可以控制图片并发加载个数.       对于图片加载,最原始的方式就是直接写个img标签,比如:<img src="图片url" />.       经过不断优化,出现了图片延迟加载方案,这回图片的URL不直接写在src属性中,而是写在某个属性中,比如:<img src="" data-src="图片url" />.这样浏览器就不会自动

【JavaScript】DOM编程-DHTML与Windows对象

A.什么是DHTML? javascript是在浏览器中运行的,如果它仅限于加减乘除运算,而不能将运算结果 显示在浏览器当中,或者不能与用户进行交互操作,那么他就失去了存在的意义. 在程序中,创建的对象是用来描述现实世界的有行或无形的事物的. javascript将浏览器本身.网页文档.以及网页文档中的HTML元素等 都用相应的内置对象来表示,这些对象及对象之间的层次系统称为 DOM(Document Object Model,文档对象编程). 用户通过鼠标或者按键在浏览器窗口或者网页元素上执行

javascript asp教程第八课--request对象_ASP基础

Request Object: Request has five (5) Collections, one (1) Property, and one (1) Method. You'll use the Collections far more than the property or the method. Request Collections: Below is a table of the Request Collections and descriptions of how they

JavaScript必知必会(七)js对象继承_基础知识

对象继承inherit var o = { r: }; var c = function f() { }; c.prototype = o; c.r = ; alert(o.r);//被继承的属性值未发生改变.alert(c.r);//c中r覆盖了o中的属性. 如何调用o中的r属性呢. var o = { r: }; var c = function f() { }; c.prototype = o; alert(o.r);// 被继承的属性值未发生改变. alert(c.r);//查询r属性,