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. 5.6.3.4 trim()方法
			
    ECMAScript 5 为所有字符串定义了trim()方法.这个方法会创建一个字符串的副本,删除前置以及后缀的所有空格,然后返回结果.例如: var stringValue = " hel ...
    
			
    2. 
						
  2. php平均拆分大文件为N个小文件
			
    用PHP程序拆分大文件为N个小文件 /* 假设有文件data.log , 内容如下,行数很多,假设有上亿条数据,文件大小大概在800M左右 92735290 80334472 49114074 871 ...
    
			
    3. 
						
  3. IOS 表视图(UITableVIew)的使用方法(6)表视图的编辑功能（新增Add）
			
    表视图的新增功能和删除功能虽然目的不同,但是工作流程是相似的 下面列出在处理新增的回调函数时,与删除所不同的逻辑部分代码. 显示下过如下: #pragma mark #pragma mark Tabl ...
    
			
    4. 
						
  4. mybatis优化配置
			
    在src下建立db.properties driver=com.mysql.jdbc.Driver url=jdbc:mysql://localhost:3306/mybatis name=root  ...
    
			
    5. 
						
  5. Protel99se轻松入门：特殊技巧和高级设置(一)
			
    这里简单介绍一下自动布线和手动布线方面的设置问题 1.如何进入PCB的这个布线规则选项: 2.电气安全距离的设置 3.导线宽度的设置 4.学会了设置图层就可以做单面板以及多层板,而不只是双面板 5.布 ...
    
			
    6. 
						
  6. mongodb 学习初探
			
    1.去mongodb 官方下载 http://www.mongodb.org/downloads 2.下载php的mongodb扩展 http://files.cnblogs.com/lsl8966/ ...
    
			
    7. 
						
  7. BZOJ 2016: [Usaco2010]Chocolate Eating
			
    题目 2016: [Usaco2010]Chocolate Eating Time Limit: 10 Sec  Memory Limit: 162 MB Description 贝西从大牛那里收到了 ...
    
			
    8. 
						
  8. Unity5.0 RPG角色扮演历险类游戏之 森林历险记
			
    http://v.youku.com/v_show/id_XMTI1MjEyNjc4MA==.html? from=y1.7-1.2
    
			
    9. 
						
  9. Android调用系统关机与重启功能
			
    我是在android源码里编译的package/apps/,因为需要调用的关机接口是不对上层开放的,在eclipse里面不能调用. 我主要是介绍调用android的关机功能,因为在调试过程中,关机的一 ...
    
			
    10. 
						
  10. map的erase()释放内存
			
    STL中的map调用erase(it),当value值为指针时,释放内存: #include <iostream> #include <map> #include <st ...
    
			
    11.