前端福利！10个短小却超实用的JavaScript 代码段

return '<embed allowFullScreen="true" id="embedid"  quality="high" width="'+o.width+'" height="'+o.height+'" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" src="'+id+'?'+o.ops'"';

}

使用方法：

embedYouku(

'http://static.youku.com/v/swf/qplayer.swf',

{'winType=adshow&VideoIDS=XMTE3NzQ0NTky&isAutoPlay=false&isShowRelatedVideo=false'}

);

10. 创建动态菜单或下拉列表

在很多场景中，我们都需要动态地创建菜单、下拉列表或列表项。下面是一段最基础的代码实现上面的功能，你可以根据实际需要进行相应的扩展。

function makeMenu(items, tags) {

tags = tags || ['ul', 'li']; // default tags

var parent = tags[0];

var child = tags[1];

var item, value = '';

for (var i = 0, l = items.length; i < l; i++) {

item = items[i];

// Separate item and value if value is present

if (/:/.test(item)) {

item = items[i].split(':')[0];

value = items[i].split(':')[1];

}

// Wrap the item in tag

items[i] = '<'+ child +' '+

(value && 'value="'+value+'"') +'>'+ // add value if present

item +'</'+ child +'>';

}

return '<'+ parent +'>'+ items.join('') +'</'+ parent +'>';

}

使用方法：

// Dropdown select month

makeMenu(

['January:JAN', 'February:FEB', 'March:MAR'], // item:value

['select', 'option']

);

// List of groceries

makeMenu(

['Carrots', 'Lettuce', 'Tomatos', 'Milk'],

['ol', 'li']

);

总结：

以上只是那些实用JavaScript代码段中的一小部分，我也建议你平时注意收集或自己编写这样的基础代码段，它们能在很多项目中使用或通过一些改造提供更完善的功能，使用这些代码段将为你节省下大量的开发时间。

作者微信公众号：

注：相关网站建设技巧阅读请移步到建站教程频道。

推荐：用高性能云服务器 稳定的网站才能更赚钱

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!