美文网首页
javascript基本介绍(一)

javascript基本介绍(一)

作者: 子约nan | 来源:发表于2017-10-29 20:32 被阅读0次

    javaScript的概念:

    (1)javaScript主要用来向HTML页面添加交互行为。
    (2)javaScript是一种脚本语言,语法和java类似。
    (3)javaScript一般用来编写客户端脚本。
    (4)javaScript是一种解释性语言,边执行边解释。
    javaScript由核心语法ECMAScript、浏览器对象模型(BOM) 主要用于管理窗口与窗口之间的通讯,因此其核心对象是window、文档对象模型(DOM)三部分组成。

    引入javascript的三种方式

    1.使用<Script></Script>标签内部样式;
    2.使用外部js文件;
    3.直接在HTML标签中的行内样式。

    javascript的作用

    1.实现页面表单验证
    2.实现页面交互特效

    javascript的特点

    1.被设计用来向Html页面添加交互行为
    2.是一种英特网上最流行的脚本语言
    3.一般用于编写客户端脚本
    4.是一种解释性语言

    javascript的语法

    1.区分大小写
    2.注意变量,函数等命名规范
    3.每行代码以分号结束

    javascript中的函数

    1.系统函数
    ParseInt();转换为整数
    isNaN(判断是不是数字)
    typeof(var);判断是什么数据类型
    eval(“5+2”);计算表达式值
    2.自定义函数
    Function 函数名(){javaScript代码}
    Function 函数名(参数1,参数2){javaScript代码 return 返回值(可选)}

    基础内容

    1.document.write() :输出内容到页面上;
    2.alert() :弹出一个消息对话框;
    3.confim() :弹出一个确认的消息对话框,返回值为false(点击确定)或者true(点击取消)
    4.prompt(str1,str2):含有一个确定/取消按钮和一个文本输入框,返回值为文本框内容(点击确定),或者null(点击取消);
    str1:是要显示在消息对话框中的文本,不可修改。str2:是文本框中初始值,可以修改
    5.window.open(url,窗口名称,参数字符串): 打开窗口。
    url:打开窗口的网址或路径。
    6.window.close()或者 《窗口对象》.close():关闭窗口 例如:var mywin = window.open(url,窗口名称,参数) mywin.close();
    7.HTML文档可以说由节点构成的集合,三种常见的DOM节点:
    (1)元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。
    (2)文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本;
    (3)属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com";
    8.document.getElementById("id名称") :通过id获取对象,获取的元素是一个对象,如果想对元素进行操作,我们要通过他的属性或者方法;
    9.innerHTML:用于获取或者替换html元素的内容,采用对象调用的方法 例如: object(一个ID对象).innerHTML = "html内容" 注意大小写的问题,否则出不来的;
    10.Object.style.property=new style; 用js通过对象改变html的样式,例如:获取某个对象,改变样式

    p.style.color = "red"; 
    p.style.font = "20px";
    

    11.display:显示和隐藏标签 格式:Object.style.display = value object可以是通过id或者其他获得到的对象;
    value = "none":隐藏
    value = "display":显示
    12.className 属性设置或返回元素的class 属性。可以用来改变className的类名达到效果,比如类名为hide和active达到显示和隐藏。 语法:object.className = classname;
    14.onclick = "函数名();" onclick事件:鼠标点击事件;
    15.onmouseover = "函数名();" :鼠标经过事件,鼠标移动到一个对象就出发该事件;
    16.onmouseout = "函数名();" :鼠标移开事件,鼠标移开时触发该事件;
    17.onfocus() :把光标聚焦到该对象上;例如:object.onfocus();
    该对象被聚焦时触发: onfocus = "函数名()";
    18.onblur :是onfocus的相对事件,光标离开时触发该事件;
    19.onselect:选中事件,文本框过着文本域中的文字被选中时触发;
    20.onchange:改变文本框中的内容来触发相关函数事件;
    21.onload:事件会在页面加载完成后立即触发,同时执行被调用的函数 onload = “函数();”
    window.unload = "函数();";
    22.onunload:当用户退出页面时(页面关闭,页面刷新)触发;
    23.日期对象:Date var date = new date();

    相关文章

      网友评论

          本文标题:javascript基本介绍(一)

          本文链接:https://www.haomeiwen.com/subject/mczypxtx.html