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. .net 更改时间格式
			
    /// <summary> /// 更改时间格式[HH:mm:ss]到[HHmmss] /// </summary> /// <param name="inpu ...
    
			
    2. 
						
  2. Qt中Ui名字空间以及setupUi函数的原理和实现 <转>
			
    用最新的QtCreator选择GUI的应用会产生含有如下文件的工程 下面就简单分析下各部分的功能. .pro文件是供qmake使用的文件,不是本文的重点[不过其实也很简单的],在此不多赘述. 所以呢, ...
    
			
    3. 
						
  3. System.Reflection.Emit学习
			
    C#反射发出System.Reflection.Emit学习 分享: 1 一.System.Reflection.Emit概述 Emit,可以称为发出或者产生.与Emit相关的类基本都存在于Syste ...
    
			
    4. 
						
  4. Python的MySQLdb模块安装,连接，操作，增删改
			
    1. 首先确认python的版本为2.3.4以上,如果不是需要升级python的版本     python -V   检查python版本 2. 安装mysql, 比如安装在/usr/local/my ...
    
			
    5. 
						
  5. mrtg监控网络流量简单配置
			
    Mrtg服务器搭建(监控网络流量) [日期:2012-07-03] 来源:Linux社区  作者:split_two [字体:大 中 小]   [实验环境] 监控机:Red Hat linux 5.3 ...
    
			
    6. 
						
  6. JSTL与EL(转)
			
    基本使用                   <c:forEach items="${deptList}" var="dept">  <div ...
    
			
    7. 
						
  7. Android 通过Dom, Sax, Pull解析网络xml数据
			
    这篇文章不是完全原创,XML解析的部分参考了 liuhe688 的文章.文章地址:http://blog.csdn.net/liuhe688/article/details/6415593 这是一个几 ...
    
			
    8. 
						
  8. Android 关于调用系统内已安装的相机问题
			
    Intent intent=new Intent(MediaStore.ACTION_IMAGE_CAPTURE); startActivityForResult(intent,1); 调用系统内已安 ...
    
			
    9. 
						
  9. HDU 4569 Special equations (数学题)
			
    题目地址:http://acm.hdu.edu.cn/showproblem.php?pid=4569 题意:给你一个最高幂为4的一元多项式,让你求出一个x使其结果模p*p为0. 题解:f(x)%(p ...
    
			
    10. 
						
  10. 杭电ACM    2052  Picture
			
    Picture Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Su ...
    
			
    11.