javascript学习——基础部分

最新推荐文章于 2024-09-21 09:29:16 发布

Jodie_安

最新推荐文章于 2024-09-21 09:29:16 发布

阅读量182

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_38070602/article/details/72874394

版权

1.js代码可以保存的位置：

（1）<head>部分

（2）<body>部分：一般放在页面代码底部

（3）外部文件，外部文件通常包含被多个网页使用的代码（.js），在<script src="x.js"></script>，外部脚本不能包含<script>。

2.改变html内容（文字，图像，样式）

x.document.getElementById("id名称") //查找元素

x.innerHTML="要显示的文字内容"; //改变文字内容

（等同于 x.document.getElementById("id名称") .innerHTML="要显示的文字内容";）

3.注意点：

（1）document.write()：像文档输出写内容，如果文档加载完后执行document.write（），整个HTML页面将被覆盖

（2）javascript会忽略多余的空格。

（3）Javascript对大小写敏感。

（4） javascript是脚本语言，浏览器会在读取代码时，逐行的执行脚本代码。

4.js数组问题

（1） var cars=new Array();

cars[0]="ac";

cars[1]="bjh";

等同于 var cars=new Array("ac","bjh");

（2）数组字面量：var cars=["ac","bjh"];

（3）数组与数组字面量的比较

为Array()函数传递一个整数时，是作为数组长度的，即 var a=new Array(3);表示a数组的长度是3，此时访问第一个元素，console.log(typeof a[0]);为undefined（变量的值未定义）；

使用数组字面量传递的数值作为数组的元素，即 var a=[3] 此时console.log(a.length）为1，访问第一个元素的值为3。

5.js对象：js所有的事物都是对象（字符串、数字、数组等等），对象拥有属性和方法

（1）创建javascript对象：

person=new Object();//Object可以是别的如string等

person.firstname="Bill";

person.age=13;

（2）字符串对象同时拥有若干个内建的方法：

var txt="hello"

字符串的内建属性：length

字符串的内建方法：

1.txt.indexOf()

详解：txt.indexOf("x") //查找txt串中x首次出现的位置,返回首个索引值，如果txt中没有返回为- 1，x可以是字符或者字符串；

txt.IndexOf("x",start,count) //从txt的第start+1个字符开始，向后查找查找count个字符，查找“x”在字符串txt中的位置，返回索引值（索引值从txt的第一个字符开始算起，start+count不能大于txt的长度）。

2.txt.replace()

3.txt.search()

（3）带参函数的声明以及调用

<button οnclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)  //当声明函数时，请把参数作为变量来声明：
{
alert("Welcome " + name + ", the " + job);
}
</script>

（4）带有返回值的函数：在使用 return 语句时，函数会停止执行，并返回指定的值，JavaScript 将继续执行代码，从调用函数的地方。仅仅希望退出函数时，也可使用 return 语句。返回值是可选的：即可以只写return而不指定返回值。

function myFunction()
{
var x=5;
return x;
//return; //此时函数停止执行，返回到调用函数的位置继续执行；
}

（5）注意：把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。

6.javascript表单验证：JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

（1）验证必填（必选）项目

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt) //传入要判断的标签的name以及alert的内容
{
with (field)  
  {
  if (value==null||value=="")
    {alert(alerttxt);return false}
  else {return true}
  }
}

function validate_form(thisform)
{
with (thisform)
  {
  if (validate_required(email,"Email must be filled out!")==false)
    {email.focus();return false}
  }
}
</script>
</head>

<body>
<form action="submitpage.htm" οnsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>
</html>
注意点：id主要是本地用的，比如寻找控件，赋值样式等，name是与后台交互数据用的。