前端必杀技之Javascript 第1天

学习了javascript基本语法和使用DOM进行简单操作

1、引用javascript方法:

a.在<script></script>标签中加入js代码,如:

<script type="text/javascript">

document.write("慕女神,你好!");

</script>

b.通过.js文件嵌入到html文件中,如:<script src="script.js"></script>

2、注释有利于提高代码可读性,注释方法:

a.//注释

b.

/*

多行注释

*/

3、变量的命名规则:

a.必须是字母或_开始

b.必须由英文字母、数字、下划线组成

c.不能包含javascript关键字或保留字

4、判断语句的使用

if(条件成立){

条件成立时执行的代码

}else{

条件不成立时执行的代码

}

5、函数的定义

function 函数名(){

函数代码;

}

6、弹窗

a. 警告信息和调试,常用alert();

b.带选择弹窗,用confirm,包含“确定”和“取消”

var flag;

flag=confirm("提问语");//b得到布尔值true或false

c.包含“确定”、“取消”和文本输入框的弹窗,用prompt

var text;

text=prompt("提问语");//text得到用户输入文本

7、open打开新窗口

window.open("网址","窗口名称","窗口参数如长宽、打开目标");

8、关闭窗口

窗口对象.close();

9、认识DOM,即文档对象模型(Document Object Model),将html分解为很多节点,常见3种:

a.元素节点,即标签节点,如<html>、<body>、<div>等;

b.文本节点,标签中的文本,如<li>文本</li>中的文本

c.属性节点,如链接的href属性

10、获取元素

通过id获取元素对象:

document.getElementId("id");

通过innerHTML修改元素内容

对象.innerHTML("修改内容");

 

11、修改样式:

对象.style.属性=属性值;

12、添加样式

对象.className="样式名";

时间: 2025-01-20 02:05:17

前端必杀技之Javascript 第1天的相关文章

前端html、Javascript、CSS技术小结

简单地总结了一下前端用过的html.javascript.css技术,算是清点一下,做个大略的小结,为进一步的学习给个纲领. 一.HTML 由于HTML5的兴起,简单地判断一个网页是否是html5网页,只需要找找内部是否有html5的标志性标签就行了.然而平时虽然写了不少html,却没怎么关注它的发展史: GML(Generalized Marcup Language)通用标记语言 和SGML(Standard Generalized Markup Language)标准通用标记语言. 由Tim

前端三剑客之javascript

前端三剑客之javascript 给个小目录  一.JavaScript介绍  二.ECMAScript(核心) 三.BOM对象(浏览器对象) 四.DOM对象(文档对象模型) 总结: JS的组成: a)   ECMAScript 是什么:担当的是一个翻译的角色:是一个解释器:帮助计算机来读懂我们写的程序:实现+-*/, 定义变量:几乎没有兼容性问题: b)   DOM: 文档对象模型:文档指的就是网页:把网页变成一个JS可以操作的对象:给了JS可以操作页面元素的能力:document;有一些兼容

【前端安全】JavaScript防http劫持与XSS 转

[前端安全]JavaScript防http劫持与XSS 作为前端,一直以来都知道HTTP劫持与XSS跨站脚本(Cross-site scripting).CSRF跨站请求伪造(Cross-site request forgery).但是一直都没有深入研究过,前些日子同事的分享会偶然提及,我也对这一块很感兴趣,便深入研究了一番. 最近用 JavaScript 写了一个组件,可以在前端层面防御部分 HTTP 劫持与 XSS. 当然,防御这些劫持最好的方法还是从后端入手,前端能做的实在太少.而且由于源

1500个前端开发常用JavaScript特效

原文:1500个前端开发常用JavaScript特效 源代码下载地址:http://www.zuidaima.com/share/1550463681776640.htm

前端开发:Javascript中的数组,常用方法解析

前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array是前端必修的功课.周五啦,博主的心又开始澎湃了,明儿个周末有木有,又可以愉快的玩耍了. 创建数组 创建数组的基本方式有两种,一种字面量,另一种使用构造函数创建: var arr = [1,2,3]; //字面量的形式创建数组 值与值之间用英文逗号隔开 var arr1 = new Array(1,2

腾讯Web前端开发框架JX(Javascript eXtension tools)

转自:Web前端开发-Web前端工程师 » 腾讯Web前端开发框架JX(Javascript eXtension tools) JX – Javascript eXtension tools 一个类似 Google Closure Library 的 Web 前端开发框架,服役于 WebQQ 等大规模的 WebApp简介JX 是模块化的非侵入式Web前端框架,最新开源地址:https://github.com/AlloyTeam/JX. JX 框架同时适用于 Web Page 和 Web App

20170917 前端开发周报:JavaScript函数式编程、作用域和闭包

1.用函数式编程对JavaScript进行断舍离 当从业20的JavaScript老司机学会函数式编程时,他扔掉了90%的特性,也不用面向对象了,最后发现了真爱啊!!! https://juejin.im/entry/59b86... 2.JavaScript作用域和闭包 作用域和闭包在JavaScript里非常重要.但是在我最初学习JavaScript的时候,却很难理解.这篇文章会用一些例子帮你理解它们.我们先从作用域开始.作用域 JavaScript的作用域限定了你可以访问哪些变量.有两种作

网站前端_JavaScript.0012.JavaScript深入对象

基本类型: 说明: 基本类型变量主要在栈内存中保存变量名+变量值,变量赋值时解析器如果认定此值为基本类型,则分配固定大小的空间,基本类型包括Undefined, Null, Boolean, Number, String的字面值对象,称为基本类型对象 var name = '李满满' // 在栈内存中复制一份"李满满"给newName var newName = name newName = '刘珍珍' // 由于赋值的副本和原来的数据没半毛钱关系,所以任何一个基本类型的变量都不会改变

【前端安全】JavaScript防流量劫持

劫持产生的原因和方式 在网页开发的访问过程中,http是我们主要的访问协议.我们知道http是一种无状态的连接.即没有验证通讯双方的身份,也没有验证信息的完整性,所以很容易受到篡改.运营商就是利用了这一点篡改了用户正常访问的网页,插入广告或者其他一些杂七杂八的东西,达到盈利的目的. 运营商的一般做法有以下手段: 1.对正常网站加入额外的广告,这包括网页内浮层或弹出广告窗口: 2.针对一些广告联盟或带推广链接的网站,加入推广尾巴: 3.把我们的站点非法解析到其他的站点,比如我们在浏览器输入http