JavaScript中常用的全局方法

我不是女神ヾ 2022-06-15 05:15 354阅读 0赞

**JavaScript语言是基于对象的。**

例如，alert语句是属于window对象的。格式：对象名.函数名();“.”表示对象和它的成员的所属关系。 window.alert()  在对象的层次结构中，window对象是最顶层的对象

调用它的变量或函数的时候，可以省略window 换句话说，当你省略的对象名，直接写函数名（方法名）的时候，系统默认认为该方法是window对象的。因此， **1.window.alert()语句可以简写为alert()**  
（1） window.alert() 弹出警告框，该方法可以弹出一个消息框，起到提示用户的作用。  
实例1：  
<!DOCTYPE html>  
<html>  
<body>  
<h1>我的第一个页面</h1>  
<p>我的第一个段落。</p>  
<script type="text/javascript">  
window.alert(5 + 6);  
</script>  
</body>  
</html>    
  
  
说明：  
window.alert(5 + 6);  语句要输出5+6表达式的运算结果，11  
  
  
window.alert("5 + 6"); 语句要输出"5+6"的字符串结果是，5+6  
  
  
<script type="text/javascript">  
window.alert("欢迎访问本网站！");   
</script>  
  
  
说明：引号中的内容将原样输出  
  
  
  
  
  
  
**2、document.write() 方法**  
该方法，用来动态的把HTML文本输出到一个HTML文档中。  
window.document.write("")  
将字符串通过命令直接输出到页面中。  
window.alert() 简写为 alert()  
（1）window.document.write("") 简写为 document.write() 但是不能简写为write()  
  
  
<script type="text/javascript">  
window.document.write("hello");  
</script>  
  
  
（2）document.write该方法既可以输出普通的字符串，还可以输出标签名  
<script type="text/javascript">  
window.document.write("<p>hello</p>");  
</script>  
  
  
    document.write还可以输出标签的属性。外层如果是双引号，内层就是单引号，反之亦然。  
<SCRIPT type="text/javascript">  
window.document.write("<font color='red'>hello</font>");  
</script>  
  
  
（3）使用document.write方法输出的标签可以正常的应用事先定义好的css样式表  
<style type="text/css">  
div\{  
width: 300px;  
height: 200px;  
background-color: yellow;  
color: red;  
\}  
</style>  
<SCRIPT type="text/javascript">  
window.document.write("<div>hello</div>");  
</script>  
  
  
（4）该函数的参数可以是任意多个，多个字符串使用英文的逗号隔开！！  
document.write("张三",20,'男');  
例如：

window.document.write("张三",20,"<br>男","\*\*\*");

**3****、  window. prompt()弹出输入窗口，允许用户输入一个字符串。**  
格式： window. prompt("提示信息："\[,"输入框的默认值"\])  
<SCRIPT type="text/javascript">  
window.prompt("请输入姓名：","张三");  
</script>  
  
  
<SCRIPT type="text/javascript">  
window.prompt("请输入姓名：");  
</script>  
  
  
<SCRIPT type="text/javascript">  
document.write(window.prompt("请输入姓名："));  
</script>  
  
  
当用户在输入框中点击确定按钮后，window.prompt函数返回了当前文本框中输入的内容，如果点击了取消按钮，window.prompt函数返回null，表示空值。  
  
</script>

**4、console.log() **  
如果浏览器支持调试，可以使用 console.log() 方法在浏览器中显示 JavaScript 值。浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。  
<SCRIPT type="text/javascript">  
console.log("hello")  
</script>  
  
  
  
  
  
**5、使用 innerHTML 操作 HTML 元素，它指的是某个元素的属性。指的是某个元素内部包含的所有文本、标签。**  
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容。  
<div>nihao <span>hello</span> <p>world</p></div>  
  
  
div的innerHTML包括：从div的开始标签到div的结束标签，之间所包含的所有内容。nihao <span>hello</span> <p>world</p>  
  
  
span的innerHTML包括：hello  
  
  
该属性可读，也可以修改。  
标识符的命名惯例：名称中的第一个单词的全部字母小写，从第二个单词开始往后的所有单词的首字母大写。  
document.getElementById("id值")  该函数的作用是通过标签的id值来找到这个标签元素。