JS随笔1

  JS是javascript的缩写,它和JAVA没有任何关系,它是一种脚本语言,由WEB浏览器进行解释和执行。

  JS由三部分组成:ECMAScript:核心、DOM:文档对面模型、BOM:浏览器对象模型。

  JS可以给予页面灵魂,让页面动起来,包括动态的数据,动态的标签,动态的样式等等。

  将JS应用到网页中有两种方法:

方法一:将javascript代码插入html文档<head>部分的<script>标签中
<head>

    <script type=“text/javascript”>
        //javascript 代码
        alert(‘hello world’);
    </script>

</head>

方法二:将javascript代码存放在一个独立的文件。
    用.js作为文件的扩展名,再利用<script>标签的src属性指向该文件。
test.js

alert(‘hello wordld’);

test.html

<head>
    <script type=“text/javascript” src=“test.js”></script>
</head>

JS语法:

1、变量

1.变量由 var 运算符加变量名定义。

var age = 25;
var mood = ‘happy’;

2.变量名命名规则:

第一个字符必须是字母、下划线(_)、或美元符号 ($);

变量名中不能包含空格或标点符号(下划线(_) 和$ 除外);

变量名区分大小写;

不能使用保留字、关键字

为了让变量名有更好的可读性,可以在变量名中适当的插入下划线分隔,
如:var my_mood = ‘happy’;

二、数据类型

1.字符串(string)  

  字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格;

  字符串必须放在引号里(单引号或双引号);

  var mood = “happy”;   var mood = ‘happy’;

2.数值(number)

var age = 25;    var price = 33.25;

/*变量*/
var name1=‘邱清锋‘,
     name2=‘刘文武‘,
      name3=‘梁盛森‘,
    name4=‘莫绍宝‘,
     name5=‘刘烨‘,
     name6=‘戴斯林‘,
    name7=‘张威‘,
    name8=‘敖进乐‘,
     name9=‘周浩‘,
    name10=‘叶凯华‘;
/*弹窗,显示上面变量*/
alert(name1)
alert(name2)
alert(name3)
alert(name4)
alert(name5)
alert(name6)
alert(name7)
alert(name8)
alert(name9)
alert(name10)

var price1=parseFloat(‘1199.10‘),
    price2=parseFloat(‘5099.00‘),
    price3=parseFloat(‘2499.00‘),
    price4=parseFloat(‘5999.00‘),
    price5=parseFloat(‘419.00‘),
    price6=parseFloat(‘1099.00‘),
    price7=parseFloat(‘2498.00‘),
    price8=parseFloat(‘1799.00‘),
    price9=parseFloat(‘2299.00‘),
    price10=parseFloat(‘1799.00‘);

alert(price1)
alert(price2)
时间: 2024-11-13 06:25:52

JS随笔1的相关文章

Spread JS 随笔一 简单表格

Spread JS 是一个在线Excel表格控件,功能非常强大.下面大概的介绍一下简单的使用. 最简单的表格 步骤 在工程文件中的head 部分引用相关的css 和js 1 <head> 2 <link rel="styleSheet" href="CSS/gc.spread.views.dataview.10.1.1.css" /> 3 <script src="JS/gc.spread.common.10.1.1.min.

js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标

css使用user-select,user-select不是W3C标准,浏览器支持不完整:user-select有两个值,none用户不可以选择文本,text用户可以选择文本 body{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;} 也

JS随笔4

经过这些天,JS也来到了有趣的地方了,我们的目标是什么?懒!那么就从循环语句开始吧:  循环语句 1.while 语法:while (exp) { //statements;} 说明:while (变量<=结束值) { 需执行的代码 } //while //从1到1000输出1000个数字 var i =1; while(i<1001){ document.write(i+' ') if(i%10==0){ document.write('<br/>')//这里if语句控制换行的条

js随笔-变量作用域

1.函数中定义的变量只在函数中起作用,所以两个函数定义相同的变量互不影响 function fun(){ var i=0 } console.log(i);//i is not defined 2. 函数中内嵌函数时,内部的函数可以访问外部函数的变量,外部函数则不能访问内部的变量 function fun(){ var i=0; function fun2(){ var j=1; console.log(i); } fun2(); } fun();//0 function fun(){ var

js 随笔

setInterval:即使在方法中使用了stopInterval这个方法也要执行完才会停止自行重复执行,解决:使用return false来跳出方法. JS string和num:当一个是字符串数字和一个数字相加的时候,数字会隐式转化为字符串 两者相加结果为一个新字符串 , "40"+20 = "4020"; 如果是其他操作符比如 乘除减的时候 字符串数字会隐式转化为数字进行 操作  ”40“*20 = 8000: 当true 和 false 进行判断的时候无论字

学习gulpfile.babel.js随笔

'use strict' import gulp from 'gulp' //将gulp插件包含进来 import sass from 'gulp-sass' //编译sass文件 import imagemin from 'gulp-imagemin' //压缩 png,jpeg,gif和svg图片资源 import autoprefixer from 'gulp-autoprefixer' //给css增加前缀 import notify from 'gulp-notify' //在控制台中

毕设js随笔

elPage.on('click','a',function(){ that.opts.data.pageNum=1; that.loadData(); }); 其实事件是绑定在a上,跟elpage没多大关系.所以在取消时间的时候:    this.elPage.off('click','a'); 2. 设置class   还可以使用attr('class',xxxx);

JS随笔5

函数 函数就是完成某个功能的一组语句,函数由关键字 function 函数名加一组参数定义; 函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织结构更多清晰 document.write( 1 + "<br>" ); document.write( 5 + "<br>" ); document.write( 3 + "<br>" ); document.write( 10 + &

js随笔3

1.普通对象都有_proto_2.函数都有prototype3._proto_是来源于prototype4.如自己没有该属性,则沿着_proto_往上找. 5.组合继承function Father(name) { this.name = name; } Father.prototype.lookBook = function() { console.info(this.name + "在看书"); } function Son(name, age) { //继承属性,继承不了prot