首页 > 编程语言 >百度换肤javascript

百度换肤javascript

时间:2024-09-30 13:47:49浏览次数:9  
标签:换肤 img getElementsByTagName javascript imgs var document 百度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        img{
            width: 100px;
            
        }
    </style>
</head>
<body>
    <img src="./1.jpg" alt="">
    <img src="./2.jpg" alt="">
    <img src="./3.webp" alt="">
    <img src="./4.jpg" alt="">
   
</body>
<script>
    var imgs=document.getElementsByTagName("img")
    for( var i=0;i<imgs.length;i++){
        imgs[i].onclick=function(){
            var num=this.src
            var bodyElement=document.body
            bodyElement.style.backgroundImage="url("+num+")"
        }

    }
</script>
</html>

标签:换肤,img,getElementsByTagName,javascript,imgs,var,document,百度
From: https://blog.csdn.net/2401_83905000/article/details/142651100

相关文章

  • Proe 5.0资源百度网盘下载 附详细安装步骤
    如大家所了解的,Proe又称作Pro/E,是比较常用的CAD/CAM/CAE软件之一,也是一款功能齐全的模具和产品设计三维的工具。Proe在传统机械设计、家电设计以及模具设计方面,优势很突出。首先,建模采用参数化设计,无论多么复杂的几何模型,都可以分解成有限数量的构成特征。其次单一的数据库管......
  • 电影《浴火之路》百度云下载资源/迅雷BT[HD-1280P/2.12GB/MP4中字]4k中字已更新
    《浴火之路》:人性光辉与生命尊严的较量2024年国庆档,电影市场迎来了一场别开生面的盛宴,其中,《浴火之路》以其独特的题材、精彩的剧情、强大的演员阵容和震撼的视觉呈现,成为了备受瞩目的焦点。该片由五百执导,尚可编剧,肖央、赵丽颖、刘烨等实力派演员主演,是一部聚焦打拐题......
  • 【JavaScript】搭建一个具有记忆的简洁个人待办网页
    1.HTML结构文档类型声明:<!DOCTYPEhtml>这告诉浏览器这是一个HTML5文档。HTML标签:<htmllang="zh-CN">表示整个页面的内容,lang="zh-CN"表示内容使用简体中文。头部信息:<head><!--...--></head>包含页面的元数据,如字符集、视图窗口设置、标题和样式。样......
  • 电影《749局》迅雷BT完整下载[MP4/2.12GB/5.35GB]高清百度云资源画质[HD720p/1080p]
    《749局》:一部融合历史与科幻的少年成长史诗引言在中国电影的浩瀚星空中,总有一些作品凭借其独特的创意、深刻的主题和精湛的制作,成为观众心中的璀璨明珠。而《749局》正是这样一部备受瞩目的电影,它巧妙地融合了历史与科幻元素,以少年成长为主线,构建了一个既真......
  • pbootcms后台的百度普通收录token怎么填写?怎么获得?
    在PbootCMS中配置百度普通收录Token的步骤如下:1.获取百度普通收录Token访问百度搜索资源平台访问百度搜索资源平台:https://ziyuan.baidu.com/如果没有账号,先注册一个账号。进入用户中心登录后点击“用户中心”。进入“站点管理”。添加网站点击“添加网......
  • JavaScript 解构赋值 是 浅拷贝还是深拷贝
    解构赋值是ES6(ECMAScript2015)引入的一个特性,它允许我们可以快速取出数组或者对象中的值并赋值给新的变量。consta={name:'name',age:18,marriage:false,}let{name,age,marriage}=a;console.log(name,age,marriage)//打印信息:name......
  • 从 ES5 到 ES14:深入解析 JavaScript 的演进与特性
    文章目录前言一、ES5(ECMAScript2009)1.严格模式('usestrict')2.Object.defineProperty3.Array.isArray4.forEach,map,filter,reduce二、ES6(ECMAScript2015)1.let和const2.箭头函数3.模板字符串4.解构赋值5.class和extends6.模块(import和export)......
  • PbootCMS百度编辑器ueditor在PHP7下多图上传名字重复问题
    针对百度编辑器UEditor在PHP7环境下多图上传名字重复的问题,PbootCMSV1.3.8已经进行了修复。以下是具体的修改步骤和详细说明,供遇到类似问题的开发者参考:修改步骤修改 /ueditor/dialogs/attachment/attachment.js 文件将 _this.fileList.push(json); 修改为:javascri......
  • JavaScript
    什么是JavaScript?JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言(脚本语言是不需要编译,直接通过浏览器的解释就可以运行)。是用来控制网页行为的,它能使网页可交互。JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。JavaScript在1......
  • JavaScript初学必备 之 初识ajax
    今日推荐歌曲:遇见一、ajax介绍1、学习前提需要有以下基础:HTML和CSS基础JavaScript基础2、什么是ajax?(1)、全称ajax===asyncJavascriptandxml(ajax===异步JavaScript和XML),ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。async:异步x......