JavaScript学习历程03
一闪一闪亮晶晶
<script type="text/javascript">
var nn = Number(prompt('请输入一个1-9的正整数!'));
var n =nn;
var num=n;
var star="*";
// document.write(num01);
for (var i = 0; i < n; i++) { for (var j = 0; j < num; j++) {
document.write(star) }
--num;
document.write(n);
document.write("<br />");
}
n =nn;
for (var i = 1; i < n; i++) { for (var j = 0; j < i+1; j++) {
document.write(star) }
document.write(n);
document.write("<br />");
} </script>
window对 图片自动切换 要求:使用延时器和定时器来制作。
<script type="text/javascript">
var i=0;
window.onload=function()
{
window.setInterval(Getimg,100);
}
function Getimg()
{
++i
var imgObj=document.getElementById("imgId");
imgObj.src="data:images/dd_scroll_"+i+".jpg";
if (i==6)
{
i=0;
}
}
</script>
</head>
<body>
<img id="imgId" src="" />
</body>
点出满天小星星
<script type="text/javascript">
function start2(e)
{
var x=e.clientX;
// document.write(x);
var y=e.clientY;
// document.write(y); // 创建节点
var imgObj=document.createElement("img");
// 挂载节点
document.body.appendChild(imgObj);
imgObj.src="1.png";
imgObj.width=getRandom(20,50);
imgObj.style.position = "absolute";
imgObj.style.left = x-imgObj.width/2 + "px";
imgObj.style.top = y-imgObj.width/2 + "px"; // imgObj.style.left=
}
function getRandom(min,max)
{
var random=Math.random()*(max-min)+min;
return random;
} </script>
JavaScript学习历程03的更多相关文章
- JavaScript学习历程和心得体验
一.前言 在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从AJAX开始流行后,人们发现利用JavaScript可 ...
- JavaScript学习历程02
自定义对象 <script type="text/javascript"> window.prompt("欢迎?","请在此输入您的姓名. ...
- JavaScript学习历程01
水仙花数 ps:各位数字立方和等于该数本身 方法1 (数组) <script type="text/javascript"> var i = 100; var newi ...
- JavaScript学习03 JS函数
JavaScript学习03 JS函数 函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数 函数的 ...
- JavaScript学习04 对象
JavaScript学习04 对象 默认对象 日期对象Date, 格式:日期对象名称=new Date([日期参数]) 日期参数: 1.省略(最常用): 2.英文-数值格式:月 日,公元年 [时:分: ...
- JavaScript 引入方式 语言规范 语言基础 数据类型 常用方法 数组 if_else 比较运算符 for while 函数 函数的全局变量和局部变量 {Javascript学习}
Javascript学习 JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript ...
- JS高级学习历程-6
PHP菜鸟学习历程-6 [闭包案例] 1 闭包创建数组 <!DOCTYPE html> <html lang="en"> <head> < ...
- JavaScript基本入门03
目录 JavaScript 入门基础 03 JavaScript构造函数 常用事件和事件处理函数 小练习 数据类型之间的差异性 数组 介绍 创建 数组的常规使用 数组的length属性 数组当中常见的 ...
- day 46 Javascript学习
Javascript学习 JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScri ...
随机推荐
- BZOJ4083 : [Wf2014]Wire Crossing
WF2014完结撒花~ 首先求出所有线段之间的交点,并在交点之间连边,得到一个平面图. 这个平面图不一定连通,故首先添加辅助线使其连通. 然后求出所有域,在相邻域之间连一条代价为$1$的边. 对起点和 ...
- windows下安装mysql遇到的问题
windows下安装mysql5.6.41步骤:http://www.cnblogs.com/sjy18039225956/p/9203052.html 系统错误2详见MySQL安装过程net sta ...
- c# 后台绑定treeview 单个tab
<wijmo:C1TreeView ID="C1TreeView1" runat="server" ShowCheckBoxes="true&q ...
- 记事本编辑的Java文件生成文档
用记事本写的Java源文件生成注释文 1)在命令行(事先调到相关的位置)中输入 -------javadoc -d doc Hello.java--------- 在这里Hello.java是Java ...
- js小题目(持续更新)
总是感觉之前做过的问题很久没碰的话就会忘掉,于是打算专门开一个记录小题目的随笔当题典用. 目录 五种主要数据类型进行值复制 数组去重 数组去重并计数 实现clone()方法,对五种主要数据类型进行值复 ...
- poj2456 Aggressive cows(二分查找)
https://vjudge.net/problem/POJ-2456 二分,从最大长度开始,不断折半试,如果牛全放下了,就是可行,修改下界,否则改上届. #include<iostream&g ...
- javap 指令集
栈和局部变量操作将常量压入栈的指令aconst_null 将null对象引用压入栈iconst_m1 将int类型常量-1压入栈iconst_0 将int类型常量0压入栈iconst_1 将int类型 ...
- 机械臂——arduino、marlin固件、printrun软件【转】
最近了解到,在市面上大多数机械臂控制都采用的arduino这个开源硬件来控制的,而我发现既然会单片机,就没有必要采用arduino来控制了,arduino只是一种为了简化编程而开发一种软硬件控制平台, ...
- OHDSI——数据标准化
Home › Data Standardization Data Standardization Data standardization is the critical process of bri ...
- InfluxDB meta文件解析
操作系统 : CentOS7.3.1611_x64 go语言版本:1.8.3 linux/amd64 InfluxDB版本:1.1.0 influxdb默认配置: /etc/influxdb/infl ...