巧用array.join()处理动态加载可循环列表

落日映苍穹つ 2022-06-16 12:28 107阅读 0赞

<!DOCTYPE html >

< html  lang= "en" >

< head >

< meta  charset= "UTF-8" >

< meta  name= "viewport"  content= "width=device-width, initial-scale=1.0" >

< meta  http-equiv= "X-UA-Compatible"  content= "ie=edge" >

< title >Document </ title >

</ head >

< body >

webpage: < input type= "url"  list= "url\_list"  name= "list" />

< datalist id= "url\_list" >

</ datalist >

< script >

var arr=\[ "w3", "google", "microsoft"\];

var url = document. getElementById( 'url\_list');

var str= "";

for( var i= 0; i< arr. length; i\++)\{

str\+= "<option label='"\+ arr\[ i\]+ "' value='"\+ arr\[ i\]+ "'/>"

\}

url. innerHTML= str;

var items,

messages,

length, i;

messages=\[\{

state: 'success',

message: 'This one worked.'

\},\{

state: 'success',

message: 'This one worked as well.'

\},\{

state: 'error',

message: 'This one did not work.'

\}\];

length= messages. length;

function inbox( messages)\{

items=\[\];

for( i= 0; i< messages. length; i\++)\{

items\[ i\] = messages\[ i\]. message;

\}

return '<ul><li>'\+ items. join( '</li><li>')+ '</li></ul>';

\}

document. write( inbox( messages))

</ script >

</ body >

</ html >

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关模拟数据动态循环加载到页面

positionController.js // 导入html模板 import positionCon from '../../views/position

「爱情、让人受尽委屈。」/ 2023年07月15日 02:50/ 0 赞/ 55 阅读

相关列表的巧用

![在这里插入图片描述][20210521115655720.png] [20210521115655720.png]: /images/20221014/52ff02e4

骑猪看日落/ 2022年10月14日 10:59/ 0 赞/ 118 阅读

相关 freemark动态加载列表数据

1.ftl页面中 <table class="table table-striped table-hover table-bordered" name="r

小灰灰/ 2022年09月30日 03:41/ 0 赞/ 158 阅读

相关延迟加载和动态加载

延迟加载是你在使用的使用加载，而动态加载是在程序运行时才知道类的名字，然后加载类。延迟加载可以应用在动态和非动态的加载上。动态加载的例子 String class

男娘i/ 2022年08月09日 18:50/ 0 赞/ 351 阅读

相关 javascript动态加载

将所有<script>标签放置在页面底部，紧靠关闭标签</body>的上方。此方法可以保证页面在脚本运行之前完成解析。将脚本成组打包。页面的<scri

女爷i/ 2022年08月07日 03:37/ 0 赞/ 171 阅读

相关巧用array.join()处理动态加载可循环列表

<!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < meta na

落日映苍穹つ/ 2022年06月16日 12:28/ 0 赞/ 108 阅读

相关 JS动态加载

/ loadJS:动态加载js文件---方法定义 js_path：动态加载js文件的路径 callback：加载完成后执行的回调函数 / functio

女爷i/ 2022年06月03日 00:28/ 0 赞/ 221 阅读

相关动态加载js

两种方式：第一种，通过请求添加： //动态加载脚本 function UseJs() { $.ajax(

矫情吗；*/ 2022年06月01日 01:55/ 0 赞/ 243 阅读

相关动态加载css

在<script>中动态加载CSS // 动态加载css var loadStyle = function(url) { var

ゝ一纸荒年。/ 2022年05月26日 04:14/ 0 赞/ 149 阅读

相关 vue 循环加载动态组件以及传值

　　今天遇到一个需求，某个页面是个动态页面，由多个子组件构成。　　之前我们的做法是将N个需要的组件import进主页面，然后引用一下即可。但是现在遇到的问题是，这个动态页

怼烎@/ 2021年11月01日 20:08/ 0 赞/ 496 阅读