html部分

<body onload="message()"><!--主题部分加载就调用-->
document.getElementById("demo").innerHTML=myFunction(4,3);<!-- 将函数返回值显示在指定的地方 -->

javascript部分

var r=Math.random()

//产生0-1的随机数
function disp_alert()
{
alert("我是警告框！！")
}
//弹出警告框

function disp_alert()
{
alert("再次向您问好！在这里，我们向您演示" + '\n' + "如何向警告框添加折行。")
}
//带折行的警告框

function show_confirm()
{
var r=confirm("Press a button!");
if (r==true)
  {
  alert("You pressed OK!");
  }
else
  {
  alert("You pressed Cancel!");
  }
}//确认框

function disp_prompt()
  {
  var name=prompt("请输入您的名字","Bill Gates")
  var age=prompt("请输入您的年龄","18")
  if (name!=null && name!="")
    {
    document.write("你好！" + name + " 今年" + age + "岁")
    }
  }//弹出输入框 ，有提示prompt("文本","默认值")




调用带参数的函数




<html>

<head>

<script type="text/javascript">

function myfunction(txt)

{

alert(txt)

}

</script>

</head>

<body>

<form>

<input type="button" onclick="myfunction('您好！')" value="调用函数">

</form>

<p>通过点击这个按钮，可以调用一个带参数的函数。该函数会输出这个参数。</p>

</body>

</html>





用返回值传参




<html>

<head>

<script type="text/javascript">

function myFunction()

{

return ("您好，祝您愉快！")

}
function product(a,b)
{
return a*b
}

</script>

</head>

<body>

<script type="text/javascript">

document.write(myFunction());
document.write(product(6,5));

</script>

<p>用返回值传参</p>

</body>

</html>





for循环




<script type="text/javascript">

var a=0;

for (i = 0; i <= 5; i++)

{

a=a+i;

}

document.write(a)

</script>





while循环




i = 0

while (i <= 5)

{

document.write("数字是 " + i)

document.write("<br />")

i++

}





do-while循环




i = 0

do

{

document.write("数字是 " + i)

document.write("<br />")

i++

}

while (i <= 5)





break跳出循环




<script type="text/javascript">

var i=0

for (i=0;i<=10;i++)

{

if (i==3){break}

document.write("数字是 " + i)

document.write("<br />")

}

</script>





continue中断当前循环执行下一步




<script type="text/javascript">

var i=0

for (i=0;i<=10;i++)

{

if (i==3){continue}

document.write("数字是 " + i)

document.write("<br />")

}

</script>





使用for-in遍历数组




<script type="text/javascript">

var x

var mycars = new Array()

mycars[0] = "宝马"

mycars[1] = "奔驰"

mycars[2] = "宾利"

for (x in mycars)

{

document.write(mycars[x] + "<br />")

}

</script>





使用for循环遍历数组




for (var i=0;i<cars.length;i++)

{

document.write(cars[i] + "<br>");

}





解析字符串返回浮点数




<script type="text/javascript">

document.write(parseFloat("10")) //10

document.write(parseFloat("10.00")) //10

document.write(parseFloat("10.33")) //10.33

document.write(parseFloat("34 45 66")) //34 45 66

document.write(parseFloat(" 60 ")) //60

document.write(parseFloat("40 years")) //40

document.write(parseFloat("He was 40")) //NAN

document.write(parseFloat("3.14"))//3.14
document.write(parseFloat("314e-2"))//3.14
document.write(parseFloat("0.0314E+2"))//3.14 
document.write(parseFloat("3.14more non-digit characters"))//3.14

</script>





parseFloat 将它的字符串参数解析成为浮点数并返回。如果在解析过程中遇到了正负号（+ 或 -）、数字 (0-9)、小数点，或者科学记数法中的指数（e 或 E）以外的字符，则它会忽略该字符以及之后的所有字符，返回当前已经解析到的浮点数。同时参数字符串首位的空白符会被忽略。


如果参数字符串的第一个字符不能被解析成为数字，则 parseFloat 返回 NaN。


onmouseover动画




<script type="text/javascript">

function mouseOver()

{

document.b1.src ="/i/eg_mouse.jpg"

}

function mouseOut()

{

document.b1.src ="/i/eg_mouse2.jpg"

}

</script>

</head>

<body>

<a href="/index.html" target="_blank">

<img border="1" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1"  onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>

</body>



												


											
javascript 学习随笔1的更多相关文章
	

    
						
  1. javascript学习随笔(二)原型prototype
		
    JavaScript三类方法: 1.类方法:2.对象方法:3.原型方法;注意三者异同 例: function People(name){ this.name=name; //对象方法 this.Int ...
    
		
    2. 
						
  2. javascript  学习随笔7
		
    <head> <title>标题页-学无忧(www.xue51.com)</title> <script language="JavaScript& ...
    
		
    3. 
						
  3. javascript 学习随笔
		
    var carname="Volvo"; var carname; 重新声明变量后变量的值不变,在这里还是volvo var carname="Volvo";  ...
    
		
    4. 
						
  4. javascript  学习随笔3
		
    <html> <head> <script type="text/javascript"> function startTime() { var ...
    
		
    5. 
						
  5. javascript 学习随笔2
		
    <html> <head> <script type="text/javascript"> function writeText(txt) {  ...
    
		
    6. 
								
  6. javascript 学习随笔6
		
    改变html内容 document.getElementById("p1").innerHTML="New text!"; var element=docume ...
    
		
    7. 
						
  7. JavaScript ES6 数组新方法 学习随笔
		
    JavaScript ES6 数组新方法 学习随笔 新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数 有返回true var  ...
    
		
    8. 
						
  8. typeScript学习随笔（一）
		
    TypeScript学习随笔(一) 这么久了还不没好好学习哈这么火的ts,边学边练边记吧! 啥子是TypeScript  TypeScript 是 JavaScript 的一个超集,支持 es6 标准 ...
    
		
    9. 
						
  9. jquery学习随笔
		
    转)jquery学习随笔(jquery选择器)   jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Retrofit2 上传图片等文件
			
    普通写法: //创建表单的普通字段public static RequestBody createFormBody(String content) { RequestBody body = Reque ...
    
			
    2. 
						
  2. winform代码：关联窗体数据更新，删除dataGridview中选中的一行或多行
			
    一.关联窗体数据更新 关联窗体数据修改时,如果一个为总体数据显示窗体A,另一个为详细修改窗体B,从A进入B,在B中对数据进行修改,然后返回A,这时A窗体的数据需要更新. 我采用最简单的方法,首先保证每 ...
    
			
    3. 
						
  3. pl/sql oracle
			
    http://uule.iteye.com/blog/2061773(出处) 批量导入脚本: 打开一个command window  > 输入@ > 它会让你选择要导入的文件 (自己要知道 ...
    
			
    4. 
						
  4. python中3个帮助函数help、dir、type的使用
			
    1.help函数:查看模块.函数.变量的详细说明: 查看模块 help("modules") 查看包  help("json") 查看类 help(json.J ...
    
			
    5. 
						
  5. Cubieboard 关闭板载led
			
    修改script.bin  找到最后节点[led_para] 修改leds_used = 0 script.bin 一般在系统盘的第一个分区 例如nand就在/dev/nanda sdcard就在/d ...
    
			
    6. 
						
  6. Storm几篇文章
			
    http://tianhailong.com/ http://www.cnblogs.com/panfeng412/archive/2012/07/02/storm-common-patterns-o ...
    
			
    7. 
						
  7. C++中的内存对齐
			
    在我们的程序中,数据结构还有变量等等都需要占有内存,在很多系统中,它都要求内存分配的时候要对齐,这样做的好处就是可以提高访问内存的速度. 我们还是先来看一段简单的程序: 程序一 1 #include  ...
    
			
    8. 
						
  8. js中的setTimeout和setInterval
			
    在html页面中要使用自动刷新功能时,可以是使用js中setTimeout和setInterval: 一.使用方法 setTimeout的使用setTimeout('要调用的Js方法', 调用的延迟时 ...
    
			
    9. 
						
  9. 五毛的cocos2d-x学习笔记01-创建项目
			
    终于准备开始学习cocos2d-x了.因为想和同学一起做游戏参加比赛,所以打算学习很热的Cocos2d-x.因为已经学习了C++,所以我想入门应该不是很困难.再加上官网有中文教程以及多不胜数的游戏开发 ...
    
			
    10. 
						
  10. System.Web.Security 在winform中是什么命名空间呢
			
    des.Key = ASCIIEncoding.ASCII.GetBytes(System.Web.Security.FormsAuthentication.HashPasswordForStorin ...
    
			
    11.