讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > 后端开发 > php教程 > 正文

javascript - js 根据src的数量创建img标签？

php中文网
发布： 2016-06-06 20:19:57
原创
1783人浏览过

html>

html部分：

<body  onload="preloader();">

<div class="comb">
    @@##@@
    @@##@@
    @@##@@
    @@##@@
    @@##@@
</div>

</body>
登录后复制

JS代码:

  function preloader(){
  
        // create object
        imageObj = new Image();
        // set image list
        
        images = new Array();
        images[0]="image1.jpg";
        images[1]="image2.jpg";
        images[2]="image3.jpg";
        images[3]="image4.jpg";
        // start preloading
        for(var i=0; i<=3; i++){
            var imageObj = new Image();
            imageObj.src=images[i];
            console.log(imageObj.src);
            document.getElementsByTagName('img')[i].setAttribute('src',imageObj.src);
        }
    }
登录后复制

显示效果：

小微助手
小微助手

微信推出的一款专注于提升桌面效率的助手型AI工具

小微助手 249
查看详情 小微助手

问题：
preloader()这个方法动态设置了src，那么html中的img元素能不能根据src的数量有多少就创建多少个img呢？
一般在做动态创建图片这种需求都是怎么解决的？
求思路或建议！

立即学习“Java免费学习笔记（深入）”；

相关标签：
javascript html html5 css php

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：微信接入图灵机api，实现机器人自动回复 下一篇：javascript - 豆瓣读书的批注功能是如何实现的？
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
php截取数组中函数操作_php数组片段提取技巧详解【指南】 PHP提供五种数组截取方法：一用array_slice()提取连续子数组；二用array_splice()截取并修改原数组；三用array_keys()与array_intersect_key()按键名提取非连续片段；四用array_filter()按条件动态筛选；五用foreach手动控制边界。
2025-12-20 16:35:03
423
php怎么把数组组成方法参数_PHP用数组组成方法参数技巧 可使用参数展开操作符（...）、call_user_func_array、ReflectionMethod或绑定闭包四种方式将PHP数组元素作为参数传递给函数：一、...适用于PHP5.6+数值索引数组；二、call_user_func_array兼容旧版，支持关联数组但不适用实例方法；三、ReflectionMethod用于严格类型检查的非静态方法调用；四、bindTo绑定闭包适合PHP7.0+的灵活参数封装。
2025-12-20 15:49:02
800
php中怎么跳转页面_php实现页面跳转的几种方式【跳转】 PHP页面跳转有五种方式：一、header()函数重定向，需无输出且后跟exit；二、meta标签HTML跳转，适用于已有输出场景；三、JavaScript跳转，依赖客户端支持；四、指定HTTP状态码如301/307增强语义；五、http_response_code()配合header()规范状态控制。
2025-12-20 14:55:26
395
php构造方法__construct()是什么 __construct()是PHP的构造方法，在对象实例化时自动调用，用于初始化属性或执行必要操作；支持默认参数但不支持重载；子类需手动调用parent::__construct()。
2025-12-20 14:15:16
326
php怎么处理前端传过来的数组php处理前端数组json_decode与$POST接收法【教程】 PHP处理前端数组数据需区分JSON、表单、FormData、GET及混合类型五种情况：一用file_get_contents+json_decode解析JSON；二直接读$_POST[‘key’]获取表单数组；三对FormData需显式编号避免覆盖；四GET数组自动解析但需防URL截断；五JSON混合类型须逐项校验类型安全。
2025-12-20 13:55:02
976
php怎么把字符串遍成数组_PHP将字符串遍历为数组元素 PHP提供五种字符串拆分方法：一、str_split()按长度切分单字节字符；二、preg_split()用正则灵活分割；三、mb_split()安全处理UTF-8多字节字符；四、explode()高效按固定分隔符切割；五、str_word_count()依语言习惯提取单词。
2025-12-20 13:43:56
217
php创建三维数组_定义与初始化三维数组【方法】 PHP创建三维数组有三种方法：一、用array()函数三层嵌套初始化，如$arr=array(array(array(1,2),array(3,4)),array(array(5,6),array(7,8)))；二、逐步动态创建，先设空数组再逐层赋值；三、用三层for循环批量生成规则结构。
2025-12-20 13:07:02
255
有php源码 怎么建站_php源码建站流程与搭建教程【指南】 首先需配置服务器环境，将PHP源码放入Web根目录；接着创建数据库并导入SQL文件，修改配置文件中的数据库连接信息；然后调整站点URL等参数以匹配实际路径；若有伪静态需求则配置重写规则；最后通过浏览器访问项目地址，完成安装向导并删除安装文件确保安全。
2025-12-20 12:49:02
679
php返回json数组header_设置json格式响应头【技巧】 PHP返回JSON需正确设置响应头，包括Content-Type为application/json;charset=utf-8、HTTP状态码，并封装成函数处理编码失败等异常情况。
2025-12-20 12:20:03
485
php怎么剔除某个数组的元素_PHP从数组中剔除指定元素 推荐使用array_diff()函数剔除指定值并自动重索引；其次可用array_filter()配合匿名函数、foreach遍历unset()、或array_keys()批量unset()，均需array_values()重置索引。
2025-12-20 12:03:21
481
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部