第一次接触javascript脚本：进度条脚本

来源：互联网发布：淘宝秒杀是不是真的编辑：程序博客网时间：2024/06/16 16:16

来公司实习半个月了，前天被拉过去做前端，虽然我各个方面都菜，但是前端还真是没碰过。

小任务：写一个封装好的进度条

对于java和c++都只有理论学习过，所以第一次做的时候效果达到了但是没有用面向对象的思想去写，被师兄说了。

那么什么叫做面向对象的思想呢？不太明白，如何用面向对象的思想写一个脚本组件封装？

网上看了许多人的作品和源码，自己模仿着鼓捣出来，有点激动，恩，放上来作为自己的第一篇blog也好。

激励自己日后多学习多记录，温故而知新。

源代码如下：

脚本部分：

html部分：
<html>
<head>
<title>进度条</title>
<link rel="stylesheet" type="text/css" href="./myScript.css">
<script type="text/javascript" src="./jquery.js"></script>

<body>
<input type="button" id="ipt1" value="submit" onclick="processBar.changeMode();">



<p>设置进度值: <input type="text" id="tes1" value="50"></p>

<script type="text/javascript" src="./myScript.js"></script>
</body>
</html>

备注：因为有用到了jQuery，因此需要自己加载jQuery库

1 0