Fatal编程技术网
  • javascript/
  • 如何使此Javascript代码更高效？

如何使此Javascript代码更高效？

javascript jquery html json

如何使此Javascript代码更高效？,javascript,jquery,html,json,Javascript,Jquery,Html,Json,一切都像我想的那样工作，但我觉得我是多余的。我还有100多个视频要上传，我觉得有一个比继续制作功能更好的方法：Ninetyine，100 Javascript HTML 将src作为参数传递，并在函数中将其附加到iframe。只调用一个函数 函数fe{ $'videoObj'。删除； $.prependTo'vholder'； } 尝试使用dom而不是内联的click事件 每次单击。获取单击的输入元素src 然后使用正则表达式匹配精确的结果 然后使用iframe源进行传递 $document

一切都像我想的那样工作，但我觉得我是多余的。我还有100多个视频要上传，我觉得有一个比继续制作功能更好的方法：Ninetyine，100

Javascript

HTML

将src作为参数传递，并在函数中将其附加到iframe。只调用一个函数

函数fe{ $'videoObj'。删除； $.prependTo'vholder'； }
尝试使用dom而不是内联的click事件

每次单击。获取单击的输入元素src 然后使用正则表达式匹配精确的结果 然后使用iframe源进行传递 $document.on'click'，'videoBtns'，函数{ $'videoObj'。删除； var vid=$this.attr'src'.toString.match/\/.\.\./g[0]； 安慰loghttp://www.mysiteetisym.com/videos+视频+ mp4 $.prependTo'vholder'； }
一个接受视频名称参数的函数怎么样？@Pointy-这是我的目标，将所有内容都转换为一个函数。目前我正在学习JSON文件，从中加载数据似乎很有效。我只是一个尝试和错误的人，已经犯了我的最后一个错误。@Marcus，你不需要JSON，看下面的例子answers@iArcadia-我知道不需要JSON。我之所以学习它，是因为我对每一个视频都有很多属性。姓名、位置、人员、时间、日期等。我的最终目标是点击视频的.jpg以及视频下的所有元数据列表。没问题，我误解了你的评论。虽然没有重大变化，但你可以进一步查看，所有视频的大多数URL都是相同的。@k97513-它可以工作，谢谢！有没有其他方法可以提高输入按钮的效率？我遇到了同样的问题，为每个视频编写100行代码。 
<script> 
function first(){
    $('#videoObj').remove();
    $('<iframe id="videoObj"  width="1280 " height="720" src="http://www.mysiteetisym.com/videos/KidsOnTrampoline.mp4"  frameborder="0" allowfullscreen></iframe>').prependTo('#vholder');
}
function second(){
    $('#videoObj').remove();
    $('<iframe id="videoObj" width="1280" height="720" src="http://www.mysiteetisym.com/videos/WaterFight.mp4" frameborder="0" allowfullscreen></iframe>').prependTo('#vholder');
}

function third(){
    $('#videoObj').remove();
    $('<iframe id="videoObj" width="1280 " height="720" src="http://www.mysiteetisym.com/videos/FourWheelingRace.mp4" frameborder="0" allowfullscreen></iframe>').prependTo('#vholder');
}

function fourth(){
    $('#videoObj').remove();
    $('<iframe id="videoObj"  width="1280 " height="720" src="http://www.mysiteetisym.com/videos/CookingWithDebbie.mp4"  frameborder="0" allowfullscreen></iframe>').prependTo('#vholder');
}
</script>

<body>
<div>
  <input class="videoBtns" id="firstVideo" type="image" src="images/KidsOnTrampoline.jpg" onClick="first()" />
  <input class="videoBtns" id="secondVideo" type="image" src="images/WaterFight.jpg" onClick="second()" />
  <input class="videoBtns" id="thirdVideo" type="image" src="images/FourWheelingRace.jpg" onClick="third()" />
  <input class="videoBtns" id="fourthVideo" type="image" src="images/CookingWithDebbie.jpg "onClick="fourth()" />
</div>

<div id="vholder"></div>

</body>