基于javascript实现九九乘法表
作者:bea
本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下 <script type="text/javascript"> var sum=0; var wite; for (var i = 1; i < 10; i++){ var div=$('<div class="class'+i+'"></div>'); $("body").append(div); fo
本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下
<script type="text/javascript">
var sum=0;
var wite;
for (var i = 1; i < 10; i++){
var div=$('<div class="class'+i+'"></div>');
$("body").append(div);
for(var j = i; j > 0; j--){
sum = j * i;
wite = (j+"X"+i+"="+sum);
div.prepend($('<span style="padding-right:10px">'+wite+'</span>'));
}
}
</script>
实现结果如图所示:
希望本文所述对大家学习javascript程序设计有所帮助。
有用 | 无用
<script type="text/javascript">
var sum=0;
var wite;
for (var i = 1; i < 10; i++){
var div=$('<div class="class'+i+'"></div>');
$("body").append(div);
for(var j = i; j > 0; j--){
sum = j * i;
wite = (j+"X"+i+"="+sum);
div.prepend($('<span style="padding-right:10px">'+wite+'</span>'));
}
}
</script>
实现结果如图所示:
希望本文所述对大家学习javascript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Javascript设计模式之观察者模式(推荐)
- AngularJS directive返回对象属性详解
- Boostrap模态窗口的学习小结
- 理解javascript模块化
- 谈一谈jQuery核心架构设计
- Nodejs如何搭建Web服务器
- javascript函数自动执行常用方法汇总
- JavaScript利用HTML DOM进行文档操作的方法
- JavaScript常用本地对象小结
- Bootstrap 粘页脚效果
- jQuery实现的多滑动门,多选项卡效果代码
- 轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
- jQuery实时显示鼠标指针位置和键盘ASCII码
- 通过Tabs方法基于easyUI+bootstrap制作工作站
- jQuery实现的精美平滑二级下拉菜单效果代码
- JavaScript html5 canvas绘制时钟效果(二)
- Bootstrap每天必学之级联下拉菜单
- 详解javascript跨浏览器事件处理程序
- js事件处理程序跨浏览器解决方案