`
shangguanwufan
  • 浏览: 4788 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

js基础

    博客分类:
  • js
阅读更多

 

一个重要的不同:脚本语言是被解释而系统程序设计语言是被编译。脚本语言是为了缩短传统的编写-编译-链接-运行(edit-compile-link-run)过程而创建的计算机编程语言。

Js的作用:

  1、表单验证减轻服务器端压力

  2、界面动态效果

  3、动态改变页面内容(页面数据的删除等)

 

基于事件驱动

基于对象:

Bom window  href  location  document

Domhtml文档所有的内容)

操作属性样式 方法

面向对象

AJAX

Js框架

    Jquery

    Ext

Js基础

Js的语法构成(组成)

 脚本程序语言------DOM-------BOM

 浏览器对象 BOM中的上层对象windowwindow下有historydocumentlocation(地址栏)对象,documentDOM的根,document可以引用页面中各种标签

脚本的基本结构

  <script text=”text/javascript”>

</script>

例:

document.getElementById("a1").href="http://www.sohu.com";//document代表文档,通过id得到标签,标签有什么属性就可以设置什么属性

     document.getElementById("a1").innerHTML="搜狐";//innerHtml标签内部的文本

htmljs代码

1、引用js文件<script src="js/hello.js" language="javascript">

2、直接在事件中写代码

<input  type="button"  value="测试" onclick=" document.getElementById('a1').href='http://www.sohu.com'; document.getElementById('a1').innerHTML='搜狐';"/>

3、直接嵌入在html<script></script>

变量的声明和赋值

  Var(弱变量,可存任何数据)

例:Var x,y,z=10  width=5;(不定义直接使用)

数据类型undefined(未定义) Boolean string(可单双引) number null  Date

运算符:

逻辑控制语句

常用输入输出

1 Alert

 2Prompt()(输入框,promptwindow对象的方法,使用window对象是可以省略window,默认是window对象)

例:

   var uname='admin';

uname=prompt('请输入你的名字:','admin');

alert(uname);

   parseInt() parseFloat()window的函数

基于事件、函数和window对象

  Window常用属性:

1screen 有关客户端的屏幕和显示性能

2history

3location

window常用方法:

1、 Promot 输入框

2、 alert 提示信息和确认按钮

3、nfirm 确认框,确认取消按钮 带返回值

4、 close 关闭浏览器

5、 open 打开一个新的浏览器,设定新窗口的地址外观open(“窗口的url”,“窗口名称”,“窗口特征”)(例:特征:lefttop(位置);fullscreen=yes|no|1|0(全屏是否) resizable=yes|no|1|0(是否可调节))

6、  setTimeout 在指定的毫秒数后调用函数或计算表达式

7、  setInterval 按照指定的周期调用函数或计算表达式

window常用事件

onload()窗体加载时执行 例:直接在scriptwindow.onload=openAdv;(函数名)

匿名调用函数:

  常见匿名写法:事件名=function(){…}

Date对象:

  Var 日期对象=new Date();

  Var dd=new Date(“September 1,2009.12:5812”);

Date的方法  setXXX  getXXX second| minutes  hour months0-11 Day(星期几0-6)等

例:

function showTime(){

var now=new Date();;

var year=now.getYear()+1900;

var month=now.getMonth()+1;

var day=now.getDate();

var wk=now.getDay();

var minute=now.getMinutes();

var second=now.getSeconds();

var strDate=year+"-"+month+"-"+day+"  "+wk+" "+minute+":"+second;

    document.getElementById("timeDiv").innerHTML=strDate;

}

window.setInterval("showTime()",1000);//计时器每个多久执行

DOM元素

使用getElementById getelementByName getelementByTagname(标签名)获得DOM元素

 

Locationhistory对象 document对象

 

   History对象:

    常用方法:

       back()返回上一页

       forward()当前页面的下一页面

       go()(跳到某一页  例:-1上一页)

   Location对象

       href:转向页面

reload:刷新

 document对象

     属性:

     Referrer:返回载入当前页面的页面(进入此页面前的页面)的文档的url(如果为空表示是刷新页面)

    例: var url=document.referrrer;

        If(url==’’’’){

           Alert(“您不是有指定页面到达,五秒后返回登录”):  WindowSettimeout(‘’,5000;}

   方法:

getElementById

getelementByName 返回数组

getelementByTagname(标签名)

write()

改变内容:innerHTML  innerText(他会将改变的内容全部设成文本例如<br/>会原样输出而不是换行)

改变页面样式节点内容

  Visibility属性的值 visible hidden(不显示但是空间保留)

  Display(常用)

Object.style.display=’’’

 

分享到:
评论

相关推荐

    JavaScript js基础用法 示例代码

    本资源主要是关于js基础用法的示例代码 内容包含了js变量定义 js输入输出 js转义符 js注释和编码规范 JavaScript 是一种广泛使用的脚本语言,主要用于网页和Web应用程序的客户端开发。 JavaScript(简称JS)是一种...

    JavaScript js基础学习 示例代码

    JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础...

    jsjavascript基础教程.zip

    javascript基础 javascript游戏开发之贪吃蛇项目 javascript高级 nodejs开发 nosql数据之Mongodb 【javascript基础】 01-javascript的概述.md 02-字面量和变量.md 03-数据类型和typeof操作符.md 04-运算符.md 05-...

    js基础知识点思维导图

    以上是JavaScript基础知识点的部分概述,理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践,可以深入探索更高级的主题,如AJAX、前端框架(如React、Vue)、Node.js后端开发等。

    Javascript基础.xmind

    JavaScript基础三天总结

    软件测试 基础班 JavaScript JS基础.ppt

    软件测试基础班 JavaScript JS基础是软件测试的一门重要课程,本节课将对 JavaScript 的基础知识进行详细的介绍。 一、JavaScript 简介 JavaScript 是一种高级的、动态的、基于原型的编程语言,主要用于客户端的...

    李立超JavaScript基础篇笔记

    JavaScript,简称JS,是由Brendan Eich在1995年创造的一种高级编程语言,最初目的是为了增强网页的交互性,特别是在前端进行表单验证。...这些类型构成了JS编程的基础,理解和掌握它们是学习JavaScript的第一步。

    js基础知识js的简介

    JavaScript,简称为JS,是一种广泛应用于网页和网络应用开发的客户端脚本语言。它与Java在语法上有所相似,但两者并非同一语言。JavaScript的主要特点是轻量级、解释执行、弱类型以及基于对象。它的代码通常直接嵌入...

    javascript基础知识讲解

    本篇适合javascript新手或者学了前端一段时间,对js概念不清晰的同学。本文将讲述几点对于初学者遇到的javascript的坑,相信对javascript基础薄弱的同学,可以加深对javascript的理解

    灯塔js基础

    在“lighthouse-js-fundamentals-master”项目中,可能包含了上述知识点的实例、练习和讲解,以帮助学习者逐步掌握JavaScript基础。这个项目可能包括了代码示例、练习文件、解答和可能的测试,以便学习者通过实践来...

    JavaScript基础详细.7z

    以下是对JavaScript基础知识的详细描述: JavaScript概述 定义:JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。 用途:JavaScript主要用于增强用户与Web站点和Web应用程序之间的交互。 特点:...

    JavaScript基础知识整理

    JavaScript是一种广泛应用于前端...总之,JavaScript作为一种强大的前端编程语言,它的基础包括变量、数据类型、对象等概念,这些构成了构建动态Web应用的基础。了解并掌握这些基础知识,对于进行前端开发至关重要。

    JavaScript基础

    作为“JavaScript基础”主题,我们将深入探讨这一关键的前端开发技术。 一、JavaScript简介 JavaScript是由Netscape公司的Brendan Eich在1995年发明的,最初被命名为LiveScript。它并非Java的子集或简化版,而是...

    JavaScript基础语法

    熟悉js在html文件中的书写位置,认识变量是什么及命名规则规范,了解基本数据类型及其判断与转换,认识一些运算符

    javaScript基础语法介绍

    本文从javascript简介开始,介绍了javascript的语法以及注意事项、动态语言、引用外部JS文件、变量命名规则、判断是否已经声明、不存在块级作用域这些方面的内容,是篇相当不错的基础语法的介绍文章,推荐给小伙伴们

    JavaScript基础语法之js表达式

    一般,关于javascript基础语法,人们听得比较多的术语是操作符和语句。但,其实还有一个术语经常使用,却很少被提到,这就是javascript表达式(expression)。 原始表达式(primary exression)  原始表达式是表达式的...

    js基础知识测试题-答案.docx

    JavaScript 基础知识测试题答案解析 本资源是 JavaScript 基础知识测试题,包含选择题和程序题,共 50 道选择题和 4 道程序题,供员工考核使用。下面是对每道题的答案解析: 1. 下面符合一个有效的 JavaScript ...

    JS基础总结

    这篇文档适合刚接触JS和对JS知识点不熟悉的同志。新手的话可以边学边参考文档;有一定基础的可以查漏补缺,便于复习和查阅。

    JS基础练习

    字符串 数组等练习 习题

Global site tag (gtag.js) - Google Analytics