JavaScript学习

2022-10-25 16:05:28 浏览数 (1)

JavaScript学习

  • 一、简介
    • 1. 什么是JS。
    • 2. JS怎么使用。
    • 3. JS的输出形式以及作用。
    • 4. JS的变量。
    • 5. JS运算、循环等语句
    • 6. JS对象
  • 二、
  • 三、对象
    • 1. 字符串对象
    • 2. Math（算法）对象
  • 四、
  • 五、OWS常用

一、简介

1. 什么是JS。

JS是一种脚本语言，也是一种面向对象的语言，可用于HTML、web、服务器、PC、智能手机等等。

2. JS怎么使用。

JS的使用和CSS差不多也分为内部和外部两种形式。内部脚本指可在HTML中直接使用但是必须在< script >< /script >之间进行书写，内部脚本可以放在HTML页面中的< head >或< body >标签里面。外部脚本是指将编写好的.js文件通过链接的方式在HTML中调用，简单的格式如下：

代码语言：javascript复制
<body>
	<script type="text/javascript" src="src/main.js"></script>
</body>

3. JS的输出形式以及作用。

JS的输出通常是用于操作HTML元素，输出你要表达的东西或者要改变的HTML内容。 比如使用document.write()可直接向HTML输出流写内容； document.ElementById(id地址).innerHTML=“改变的内容”； 如需要改变HTML的某个id的属性可使用document.ElementById(id地址).attribute=new value； 等等。

4. JS的变量。

JS的所有变量的建立都是以var来声明，而且必须以字母开头，区分大小写。 a.字符串变量的创建应该加双引号或者单引号：var x = “hello”；其中x就是个字符串内容是hello； b.数值变量的创建不加引号：var y = 10;其中y就是数值变量，大小是10。声明新变量时，可用关键词“new”来声明。 c.JS对象，有点类似C语言的结构体：(如需知道person的name，可用person.name输出即可)

代码语言：javascript复制
var person{
	name: "bill", age = 20, newname = "pick"
};

5. JS运算、循环等语句

与java类似。

6. JS对象

JS中所有的事物都是对象：字符串、数字、数组、日期、函数等等，对象是拥有属性和方法的数据。

二、

console的用法

三、对象

1. 字符串对象

length可表达字符串的长度：如var str = “hello”；str.length = 5;

big()是使字符串用大号字体显示，形式是 str.big();

bold()使字符串粗体显示，形式是str.bold();

blink()使字符串闪动显示，形式是str.blink();

charAt()返回指定位置的字符，形式是str. charAt(index),其中index是必须填写的是字符在字符串中的下标。

fontcolor()和fontsize()分别是改变字符串的颜色和字体，形式是str.fontcolor(颜色)，str.fontsize(字体大小)。

IndexOf()可返回某个指定字符串值在在字符串值在字符串中首次出现的位置，语法：str.indexOf(字符,数字)，其中字符是必须要的，指要检索的字符，数字是指字符检索的起始位置（不是必须），若数字没有则默认从头开始。 注：indexOf()对字母大小写敏感、如检索的字符没有出现则返回-1。

italics()是字符串以斜体显示，形式是str.italics()。

link()将字符串显示为链接，形式是str.link(url)。url是链接网址。

match()找到一个或多个正则表达式的匹配，它返回的是指定的值不是字符串的位置，形式是str.match(searchvalue)和str.match(regexp), searchvalue是必需值，规定检索的字符串值；regexp也是必需，规定RegExp对象。

replace()替换与正则表达式相匹配的子串，形式是str.replace(替换对象,替换值)，其中替换对象和替换值都是必需，替换对象是字符串要替换的内容，替换值是准备改变的字符串。例：str.replace（/hello/,“你好”）将字符串中第一次出现hello的地方替换成你好。str.replace（/hello/g,“你好”）将字符串中所有的hello替换成你好。 注：其中的替换值可以是字符串也可以是函数，它的符号具有特定含义，如：1-99—与替换对象中的第一个到底99个子表达式相匹配的文本； &—与替换对象相匹配的子串； ＇—位于匹配字符串右侧的文本；

search()是检索与正则表达式相匹配的值，形式是str.search(/regexp/);其中regexp是需要在字符串中检索的子串，也可以是对象。如要忽略大小写的检索在后面加个i，即str. .search(/regexp/i)。它的返回值是字符串值中第一个与regexp相匹配的子串起始位置，若没找到子串则返回-1.

slice()提取字符串的片段并在新的字符串中返回被提取的部分，形式是str.slice(start,end);其中start是要抽取的片段的起始下标，若是负数则从字符串的尾部开始算起的位置，即-1只最后一个字符，-2是倒数第二个字符；end紧接着要提取的片段结尾下标。例：str.slie(2,4)。

strike()使用删除线来显示字符串。即字符串中间有条删除线。str.strike();

sup()把字符串显示为上标,str.sup(); sub()把字符串显示为下标。

toLocaleLowerCase()和toLocaleUpperCase()分别是把字符串转化为小写和大写。

toString()返回字符串，可将数值转化为字符串，例：var n=123214; var str = n.toString();

valueOf()返回某个字符串对象的原始值。

2. Math（算法）对象

Math对象是执行数学任务，Math不是对象的类所以可直接通过Math作为对象使用就可以调用其所有属性和方法。

a. Math的属性主要包括（写法均是有前缀math.）：

E—返回算术常量e，即自然数的底数约2.718；

LN2—返回2的自然数约0.693；LN10—返回10的自然数约2.302；

LOG2E—返回2为底的e的对数约1.414；LOG2E—以10为底e的对数0.434；

PI—返回圆周率约3.14159；

SQRT1_2—返回2的平方根倒数约0.707；SQRT2—返回2平方根约1.414。

b. Math对象方法（写法均是有前缀math.）

abs（x）—返回x的绝对值；acos（x）—返回输的反余弦值；

asin（x）—返回x反正弦值；atan（x）—返回x反正切值；

ceil（x）—对数进行上舍入； floor（x）—对x进行下舍入；

exp（x）—返回e的指数； log（x）—返回数的自然对数；

sin（x）—返回数的正弦；cos（x）—返回余弦值；

max（x，y）—返回x和y两个最大的值；

pow（x，y）—返回x的y次幂；

random（）—返回0~1之间的随机数；

round（x）—把数四舍五入为最接近的整数；

sqrt（x）—返回x的平方根；

toSource（）—返回对象的源代码；

valueOf（）—返回Math对象的原始值。

四、

五、OWS常用

参考文档 0. 经验 调用的服务可以跨APP，最好在搜索中全局查找；

  1. getUrlParameter 获取页面传递的参数：var phase = unescape(U.getUrlParameter(“phase”));
  2. encodeURI()和encodeURIComponent() 对URI进行编码，它们用特殊的UTF-8编码替换所有无效的字符，从而让浏览器能够接受和理解。component：部分，该方法对URI部分进行操作。解码对应decode。
  3. column_renderer 表格中每行数据对应的列渲染完成后触发，可用来改变单元格的样式
代码语言：javascript复制
Spl.EventBus.register("dataGrid_selectedlookups","column_renderer",function(paramObj){...}

注册事件的第一个参数是：表格组件id “_” 对应列的数据索引，即dataGrid表格中的selectedlookups数据索引列。

  1. new Array() 添加一个数据用push()方法
  2. 判读为空
代码语言：javascript复制
function isNotBlank(val) {
	if (undefined == val || null == val || "undefined" == val || "" == val || 0 == val) {
		return false;
	}
	return true;
}

Spl.EventBus.register()对事件进行操作 Spl.grid.DataGridManager.对表单进行操作

html math regexp replace var

0 人点赞