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. 大概看了一天python request源码。写下python requests库发送 get,post请求大概过程。
			
    python requests库发送请求时,比如get请求,大概过程. 一.发起get请求过程:调用requests.get(url,**kwargs)-->request('get', url ...
    
			
    2. 
						
  2. 批量删除Kindle library 中的不想要的书籍
			
    这是一个书签形式的脚本  有全选  批量删除什么的   亚马逊本身的删除太麻烦了 网上转的  原帖在这里http://tieba.baidu.com/p/2249582757 改进版本http://t ...
    
			
    3. 
						
  3. mybatis+postgresql平台
			
    mybatis+postgresql平台        最近有个项目的数据库使用postgresql,使用原生态的mybatis操作数据,原生态的没什么不好,只不过国内有个tk.mybatis的工具帮 ...
    
			
    4. 
						
  4. html常用标签有哪些？
			
    html看似复杂,其实常用的标签并不多,这里总共介绍一些html的常用标签 文字处理: ①标题:<h1> to <h6> ②段落:<p>文字段落</p> ...
    
			
    5. 
						
  5. xp的停止更新对我们有什么影响？
			
    微软与2001年推出windows xp系统,这款系统的成功毋庸置疑,但由于太过成功,微软在随后推出的vista系统和win7系统普及起来却异常困难.大多数人已经习惯了xp的操作,再加上一批铁杆旧电脑 ...
    
			
    6. 
						
  6. WINDOWS操作系统中可以允许最大的线程数（线程栈预留1M空间）（56篇Windows博客值得一看）
			
    WINDOWS操作系统中可以允许最大的线程数 默认情况下,一个线程的栈要预留1M的内存空间 而一个进程中可用的内存空间只有2G,所以理论上一个进程中最多可以开2048个线程 但是内存当然不可能完全拿来 ...
    
			
    7. 
						
  7. 细说SSO单点登录（转）
			
    什么是SSO? 如果你已知道,请略过本节! SSO核心意义就一句话:一处登录,处处登录:一处注销,处处注销.即:在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统. 很多人容易把SS ...
    
			
    8. 
						
  8. Struts2 中action之间的跳转(分享)
			
    例如从你的login.action到register.action  有两种实现方式 1. 设置type="redirect" <package  name="st ...
    
			
    9. 
						
  9. mget 同时获取
			
    mget 同时获取: http://192.168.32.81:9200/ _mget POST { "docs" :[ { "_index":"li ...
    
			
    10. 
						
  10. js静态方法和实例方法
			
    js静态方法 function foo(){} // 声明类 foo.method = function(){} // 方法体 使用:foo.method() js实例方法 function foo( ...
    
			
    11.