Javascript入门

一、什么是javascript?

JavaScript 是脚本语言

JavaScript 是一种解释性语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。


二、javascript基础语法

1、弹出对话框

<script language="javascript" type="text/javascript">
    //javascript代码
     alert("大家好");
</script>


2、操作选择框:confirm("提示信息");该窗口点击"确定"时,返回true,点击"取消"返回false

<script language=”javaScript”> 

   Var rs = confirm(“您还要继续前进吗?");
 
   If(rs){ 
       Alert(“是的,我要前进!”); 
   }else{ 

       Alert(“不行了,太累了,可以休息休息了”); 
} 
</script>

3、如何获取form表单中的对象的值


3.1获取文本框的值

 

Var x=document.表单名.文本框名.value;

 

3.2 访问html元素,并改变其内容 

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph</p>

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

</body>
</html>

 

4、事件

4.1对象获取焦点时所激发的事件:onfocus

 

<html> 

    <head> 
         <title></title>  
         <script type="text/javascript">
               function focusEnvent(){ 
                  alert("请输入您的姓名。"); 
                  var rs = confirm("您确定要输入自己的名字吗?"); 
              } 
        </script> 
</head> 

<body> 
    <center> 
         <form name="f1" action=""> 
               <input type="text" name="uname" onfocus="focusEnvent();"> 
        </form> 
    </center> 
</body> 
</html>

 

4.2 失去焦点触发事件:onBlur,同上

4.3当选择发生改变时:onChange

 

男<input type="radio" name="sex" checked="true" onchange="javaScript:alert('改变了。')">

5、javascript的使用

 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中


5.1 <body> 中的 JavaScript

 

<!DOCTYPE html>
<html>
<body>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
</body>
</html>


5.2 <head>中的javascript

 脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。

 通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>


5.3 外部的javascript

  也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

  外部 JavaScript 文件的文件扩展名是 .js。

  如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

 

你可能感兴趣的:(Javascript入门)