js操作img标签替换 src

2024-10-17

js 设置img标签的src资源无法找到的替代图片(通过img的属性设置)

在网站的前端页面设计中,要考虑到img图片资源的存在性,如果img的src图片资源不存在或显示不出来,则需要显示默认的图片.如何做到呢? 一.监听document的error事件 document.addEventListener("error", function (e) { var elem = e.target; if (elem.tagName.toLowerCase() === 'img') { var notFoundImgSrt = $(elem).attr("

JS操作select标签

主要利用这个来实现省市区三级联动的我利用的是ajax,每一次onchange事件都改变相对应的select中的option,数据全是ajax请求服务器查询数据库而来的,效果还可以,在本地测试的时候速度还是可以的,用户基本体会不到带来的轻微卡顿,还有种方式是把数据直接写在本地的js中作为数组存放起来,但是我的数据已经在数据库中,所以这种方式被我否定了,但是我认为这种方式运行速度应该比我的快. 下面是JS操作select的几种用法,常用的我就记录一下. 1.动态创建select function

用JS改变embed标签的src属性

思路: A.先隐藏embed标签 B.清除embed元素 C.为embed重新赋值,加入Html页面中 1.html代码 <object id="forfun" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" codebase="http://fpdownload.macromedia.com/pub

JS 操作 file标签只上传照片

在当前高版本浏览器里在标签里加这个属性就够用了 accept="image/*" $('input[type="file"]').live('change',function(){ var url = $(this).val(); if(url){ var re = /.png|.jpg|.gif/i;//选择你要的图片格式 ){//对路劲进行查询,判断路劲是否是图片,如果不是就重新把该file标签写入一次,达到情况值的目的 //因为在IE低版本下是不能直接清空值

JS BOM DOM对象 select联动计时器时间 css操作节点(标签 ) 查找标签 {前端基础之BOM和DOM}

前端基础之BOM和DOM 前戏到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象

html css javascript 知识点总结 bom js 操作标签文本节点表格各行变色悬停变色省市联动正则

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>淘,我喜欢</title>  <!--样式表的引入方式 1.行内样式即写在标签当中标签当中有个style属性 <h3 style="color: #FF0000;">这是一个标题<

js将一篇文章中多个连续的<br>标签替换成两个连续的<br>标签

写本文的目的是今天恰好有一个之前做SEO的同事问我怎样把一篇文章中多个连续的br标签替换成两个连续的br标签,这里就牵涉到SEO层面的问题了. 在做SEO优化的时候,其中有一个需要注意的地方就是尽量减少文章中br标签强制换行的使用,如果换行请尽量使用p标签,p标签严格意义上来说就是段落标签,是专门用在文章的段落中的.br标签对SEO不够友好,我想很大程度上还是搜索引擎想要写代码的人的尽量把代码写的规范,什么时候该用什么标签突出强调,什么时候该用什么标签换行,什么时候该用什么标签包裹标题等等.当然

js操作bom和dom

Bom 概念 BOM : Browser Object Model 浏览器对象模型,描述与浏览器进行交互的方法和接口, ECMAscript是javascript的核心,但如果要在web中使用javascript,那么 BOM则无疑才是真正的核心. BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关. window对象窗口高度 var a = window.innerheight 窗口宽度 var a = window.innerwidth 打开一个新的页面 open

【JavaScript实用技巧（二）】Js操作DOM（由问题引发的文章改版，新人大佬都可）

[JavaScript实用技巧(二)]Js操作DOM(由问题引发的文章改版,新人大佬都可!) 博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 说明这片文章的来源是更改之前的一个笔记,是获取js获取input标签的值,当时只是讲了这个例子,当然下面这个例子依然保留,毕竟要在乎老用户的感受,属于增量需求. 由当时的一个例子看来,需要总结或者说学习的点还是比较多的. 新人可能只想解决某个问题,而大佬麻烦看看总结的还有哪里需要补充

js介绍，js三种引入方式，js选择器，js四种调试方式，js操作页面文档DOM（修改文本，修改css样式,修改属性）

js介绍 js运行编写在浏览器上的脚本语言(外挂,具有逻辑性) 脚本语言:运行在浏览器上的独立的代码块(具有逻辑性) 操作BOM 浏览器对象盒子操作DOM 文本对象 js三种引入方式 (1)行间式:书写在代码块写在全局事件属性中 <div id="box" onclick="this.style.backgroundColor = 'red'; "></div> (2)内联式:书写在body最下方 <div id="temp

Dom操作（标签--增、删、移动）

Dom操作移动或者插入标签的方法 1.append()和appendTo():在现存元素的内部,从后面放入元素: 先声明一个变量用来保存新标签 var $span = $('这是一个span元素'); 然后用append函数将新元素加入到模块中 $('#div1').append($span); 2.prepend()和prependTo():在现存元素的内部,从前面放入元素 3.after()和insertAfter():在现存元素的外部,从后面放入元素 4.before()和inser

JS 操作iframe

很多人一直都有个想法,要是可以随心所欲的操作iframe就好了.这样静态页面也就有了相当于后台动态页面php,jsp,asp中include,require实现统一多页面布局的能力. 通过Javascript的帮忙我们可以像后台一样动态加载操作iframe对象属性src指向的html页面的内容.这样的操作需要提供两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html). iPage.html,<b

Electron中使用sql.js操作SQLite数据库

推荐sql.js——一款纯js的sqlite工具. 一.关于sql.js sql.js(https://github.com/kripken/sql.js)通过使用Emscripten编译SQLite C代码,将SQLite移植到Webassembly. 它使用存储在内存中的虚拟数据库文件,因此不会保留对数据库所做的更改. 但是,它允许您导入任何现有的sqlite文件,并将创建的数据库导出为JavaScript类型的数组. 这里没有C绑定或node-gyp编译,sql.js是一个简单的JavaS

vue.js操作元素属性

vue动态操作div的class 看代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js操作元素属性</title> <script src="vue.js"></script> </head> <style> .red{

1kb 的 placeholder.js 增加 img 标签使用方式

预览官方网站示例. 项目 github 地址使用引入 placeholder.js 到你的前段代码中: <script src="placeholder.js"></script> 1. 调用 placeholder.js 的方法进行替换,举个例子如下: <img src="image_origin.png" onerror="this.src=placeholder.getData({text: 'Image 404'

Asp.net 后台添加CSS、JS、Meta标签

Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.HtmlControls; /// <summary> /// 添加JS脚本链接 /// </summary> /// <param name="page">页面</param> /// <param name="url"

JS操作未跨域iframe里的DOM

这里简单说明两个方法,都是未跨域情况下在index.html内操作b.html内的 DOM. 如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容. index-> <div class="d1"> <iframe src="a.html" frameborder="0" name="one"

框架操作DOM和原生js操作DOM比较

问题引出对于Angular和React操作DOM的速度,和原生js操作DOM的速度进行了一个比较: 一个同学做的demo 代码如下: <!DOCTYPE html> <html ng-app="test"> <head> <title>Performance Comparison for Knockout, Angular and React</title> <link href="//cdnjs.cloud

js 操作ASP.NET服务器控件

js 操作ASP.NET服务器控件在ASP.NET中使用js时,js获取DOM元素时,经常获取不到,这是因为获取的方法有误,现在介绍一方法,解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id 获取服务器端控件在浏览器端生成的标签的id,即服务器控件对应的客户端html标签id 通过服务器端控件的ClientID属性可以获取到相应在浏览器即客户端html标签中对应的id值,获取方法如下 <%= newsId.ClientID %> 通过dom获取相应的dom元素可以通

JS 中html 动态替换

一.定义通用替换js函数,或调用JQuery验证的$.format函数: //----通用JS操作// var a = "我喜欢吃{0},也喜欢吃{1},但是最喜欢的还是{0},偶尔再买点{2}";// alert(String.format(a, "苹果","香蕉","香梨"));String.format = function () { if (arguments.length == 0) return null; var

js操作img标签替换 src

热门专题