首页 > 网站 > WEB开发 > 正文

javascript 学习随笔1

2024-04-27 14:13:04
字体:
来源:转载
供稿:网友

javascript 学习随笔1

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 = 0while (i <= 5){document.write("数字是 " + i)document.write("<br />")i++}

do-while循环

i = 0do{document.write("数字是 " + i)document.write("<br />")i++}while (i <= 5)

break跳出循环

<script type="text/javascript">var i=0for (i=0;i<=10;i++){if (i==3){break}document.write("数字是 " + i)document.write("<br />")}</script>

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

<script type="text/javascript">var i=0for (i=0;i<=10;i++){if (i==3){continue}document.write("数字是 " + i)document.write("<br />")}</script>

使用for-in遍历数组

<script type="text/javascript">var xvar 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")) //10document.write(parseFloat("10.00")) //10 document.write(parseFloat("10.33")) //10.33document.write(parseFloat("34 45 66")) //34 45 66document.write(parseFloat(" 60 ")) //60document.write(parseFloat("40 years")) //40document.write(parseFloat("He was 40")) //NANdocument.write(parseFloat("3.14"))//3.14document.write(parseFloat("314e-2"))//3.14document.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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表