1.对话框，输出框，警告框
 
1. document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。
 
2.alert(字符串或变量);
 
3.confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
     str：在消息对话框中要显示的文本返回值: Boolean值
 
4.prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。
 
语法: prompt(str1, str2); 
 
str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改
 
2.打开新窗口
 
 
window.open([URL], [窗口名称], [参数字符串])
 
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank：在新窗口显示目标网页
_self：在当前窗口显示目标网页
_top：框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
 

 
举例
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

 
3.关闭窗口（window.close）
 
window.close();  //关闭本窗口
 
或
 
<窗口对象>.close();  //关闭指定的窗口
 
4.文档对象模型DOM（Document Object Model）
 
定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）
 
三种常见的DOM节点:
 
1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
 
2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
 
3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。
 
5.通过ID获取元素
 
document.getElementById(“id”)
 
6.innerHTML 属性
 
innerHTML 属性用于获取或替换 HTML 元素的内容。
 
语法:
 
Object.innerHTML
 
注意:
 
1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。
 
2.注意书写，innerHTML区分大小写。
 
7.改变HTML样式
 
语法:
 
Object.style.property=new style;
 
<p id="pcon">Hello World!</p>

<script>

  var mychar = document.getElementById("pcon");

  mychar.style.color="red";

  mychar.style.fontSize="20";

  mychar.style.backgroundColor ="blue";
</script>
 
基本属性表
 

 
8.显示和隐藏（display）
 
网页中经常会看到显示和隐藏的效果，可通过display属性来设置。
 
语法：
 
Object.style.display = value
 
注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。
 
9.控制类名（className 属性）
 
className 属性设置或返回元素的class 属性。
 
语法：
 
object.className = classname
 
作用:
 
1.获取元素的class 属性
 
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
 
 
 
 
 
 
 
 
 
 
 
 
 

学习笔记：JavaScript-入门篇的更多相关文章

  1. Sass学习笔记之入门篇

    Sass又名SCSS,是CSS预处理器之一,,它能用来清晰地.结构化地描述文件样式,有着比普通 CSS 更加强大的功能. Sass 能够提供更简洁.更优雅的语法,同时提供多种功能来创建可维护和管理的样 ...

  2. Asp.Net Core学习笔记：入门篇

    Asp.Net Core 学习 基于.Net Core 2.2版本的学习笔记. 常识 像Django那样自动检查代码更新,自动重载服务器(太方便了) dotnet watch run 托管设置 设置项 ...

  3. pytest 学习笔记一 入门篇

    前言 之前做自动化测试的时候,用的测试框架为Python自带的unittest框架,随着工作的深入,发现了另外一个框架就是pytest (官方地址文档http://www.pytest.org/en/ ...

  4. vue框架学习笔记(vue入门篇)

    vue框架 - 构建用户界面的渐进式框架 - 采用自底层向上增量开发的设计 - 核心库只关注视图层 - 当与单文件组件和vue生态系统支持的库结合使用时,也完全能够为复杂的单页应用程序提供驱动 - v ...

  5. 现代C++学习笔记之一入门篇：智能指针（C++ 11）

    原始指针:通过new建立的*指针 智能指针:通过智能指针关键字(unique_ptr, shared_ptr ,weak_ptr)建立的指针 在现代 C++ 编程中,标准库包含智能指针,该指针用于确保 ...

  6. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  7. MongoDB学习笔记:快速入门

    MongoDB学习笔记:快速入门   一.MongoDB 简介 MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统.在高负载的情况下,添加更多的节点,可以保证服务器性能.M ...

  8. 从零开始学习jQuery (一) 入门篇

    本系列文章导航 从零开始学习jQuery (一) 入门篇 一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些 ...

  9. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  10. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

随机推荐

  1. Dashboard登录成功后 RuntimeError: Unable to create a new session key.

    openstack按照官网docs部署horizon后,使用admin账号密码登录,但网页提示未知错误. 查看/var/log/httpd/error_log 提示这个:RuntimeError: U ...

  2. Spring MVC ajax:post/get 的具体实现

    Post 方式 1.自动注入 a. pom.xml ---- 配置Maven,添加必要的jar包 <!--用于 String-JSONObject 转换 --> <dependenc ...

  3. 读书笔记 effective c++ Item 42 理解typename的两种意义

    1. class和typename意义相同的例子 问题:在下面的模板声明中class和typename的区别是什么? template<class T> class Widget; // ...

  4. Tcl与Design Compiler （十三）——Design Compliler中常用到的命令（示例）总结

    本文如果有错,欢迎留言更正:此外,转载请标明出处 http://www.cnblogs.com/IClearner/  ,作者:IC_learner 本文将描述在Design Compliler中常用 ...

  5. 老李分享：《Linux Shell脚本攻略》 要点（一）

    老李分享:<Linux Shell脚本攻略> 要点(一)   第一章:Shell起步基础 1.变量:在bash中,每一个变量的值都是字符串.无论你给变量赋值时,有没有使用引号,值都会以字符 ...

  6. 在开源中国(oschina)上创建托管项目

    ***************************************************************** 目标: 1.能上传自己的项目到oschina上并且进行管理 2.能进 ...

  7. js的apply()与call()的区别

    1.各自对应的不同的语法: /*apply()方法*/ function.apply(thisObj[, argArray]) /*call()方法*/ function.call(thisObj[, ...

  8. List分组 用于客服对话分组场景

    工作用可能会用到会话分组: Message是消息实体对象,里面有toId和fromId 指明接收方ID和发送方Id,通过组合形式"12-22-" 为map的key public M ...

  9. select下拉二级联动

    function opt(){ var id = $("#ids").val(); $.ajax({   type: "POST",  url: "$ ...

  10. 腾讯云安全：开发者必看｜Android 8.0 新特性及开发指南

    欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 背景介绍 谷歌2017 I/O开发者大会今年将于5月17-19日在美国加州举办.大会将跟往年一样发布最新的 A ...