本文目录一览：
- 1、如何用js实现将当前点击的单选按钮变为选中状态？
- 2、如何用js或jq循环遍历出这个easyui基础表格
- 3、js代码怎么写
- 4、Web前端学习之JavaScript基础知识汇总
- 5、Web前端工程师要掌握的JavaScript代码片段(一)
如何用js实现将当前点击的单选按钮变为选中状态？
代码如下：
function doGender(gender) {
if (gender == "男") {
gel("radionan").checked = true;
} else {
gel("radionv").checked = true;
}
}
扩展资料
JS基础代码：
//定义数组
var pageIds = new Array();
pageIds.push('A');
数组长度
pageIds.length;
//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined
var a = [1,2,3,4,5];
var b = a.shift(); //a：[2,3,4,5] b：1
//unshift：将参数添加到原数组开头，并返回数组的长度
var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7
//注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。
如何用js或jq循环遍历出这个easyui基础表格
//先遍历每一行
$("tr").each(function(i){
//i=0 表示第一行
//再开始在每一行里遍历每一列
$(this).find("td,th").each(function(j){
//j=0 表示为第一列
var str="第"+eval(i+1)+"行第"+eval(j+1)+"列的内容为："+$(this).text();
});
});
上面的代码，就是基础的遍历表格的代码了，希望能帮助到你！
js代码怎么写
建议楼主看下js基础
每一项都是js使用中的小技巧，基础但十分的实用！
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:
document-html-(head,body)
4.一个浏览器窗口中的DOM顺序是:
window-(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:
document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS:
document.getElementById("output").value=document.getElementById("input").value.toUpperCase();
7.JS中的值类型:
String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:
parseInt(),parseFloat()
9.JS中的数字转换成字符型:
("" 变量)
10.JS中的取字符串长度是:
(length)
11.JS中的字符与字符相连接使用 号.
12.JS中的比较操作符有:
==等于,!=不等于,,=,.=
13.JS中声明变量使用:
var来进行声明
14.JS中的判断语句结构:
if(condition){}else{}
15.JS中的循环结构:
for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:
break
17.JS中的函数定义:
function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:
打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
20.状态栏的设置:
window.status="字符";
21.弹出提示信息:
window.alert("字符");
22.弹出确认框:
window.confirm();
23.弹出输入提示框:
window.prompt();
24.指定当前显示链接的位置:
window.location.href="URL"
25.取出窗体中的所有表单的数量:
document.forms.length
26.关闭文档的输出流:
document.close();
27.字符串追加连接符: =
28.创建一个文档元素:
document.createElement(),document.createTextNode()
29.得到元素的方法:
document.getElementById()
30.设置表单中所有文本型的成员的值为空:
var form = window.document.forms[0]
for (var i = 0; iform.elements.length;i ){
if (form.elements.type == "text"){
form.elements.value = "";
}
}
Web前端学习之JavaScript基础知识汇总
今天小编要跟大家分享的关于Web前端学习之JavaScript基础知识汇总。Web前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。
不过，学习要一步一个脚印，不能一口吃一个胖子，所有的实战经验都是基于理论而积累形成，今天小编就给大家梳理汇总一下JS相关的基础知识点。来和小编一起看一看吧!
1、执行环境：有时也叫环境，是JavaScript中最为重要的一个概念，执行环境定义了变量或函数有权访问的其他数据。
2、变量对象：每一个执行环境都有一个与之关联的变量对象，环境中定义的所有的变量和函数都保存在这个的对象中。
3、作用域链：代码在环境中执行时，会创建变量对象的作用域链，保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端，始终是当前执行代码所在环境的变量对象。
4、活动对象：如果当前执行环境是函数，则将活动对象作为变量对象。
5、可执行代码：
1)全局代码：例如加载外部的JS文件或者本地标签内的代码，全局代码不包括function体内的代码;
2)函数代码：function体内的代码;
3)eval代码：eval()函数计算某个字符串，并执行其中的JS代码，比如eval("alert('helloworld')")。
6、执行上下文栈：在一个JS程序中，必定会产生多个执行上下文，JS引擎会以栈的方式来处理它们，也就是执行上下文栈。
7、作用域：JS是一种没有块级作用域的语言(包括if、for等语句的花括号代码块或者单独的花括号代码块都不能形成一个局部作用域)，所以js的局部作用域的形成有且只有函数的花括号内定义的代码块形成的，既函数作用域。
8、作用域链：是作用域规则的实现，通过作用域链的实现，变量在它的作用域内可被访问，函数在它的作用域内可被调用。
作用域链是一个只能单向访问的链表，这个链表上的每个节点就是执行上下文的变量对象，单向链表的头部(可被第一个访问的节点)始终都是当前正在被调用执行的函数的变量对象(活动对象)，尾部始终是全局活动对象。
9、闭包：函数对象可以通过作用域链相互关联起来，函数体内的数据(变量和函数声明)都可以保存在函数作用域内，这种特性在计算机科学文献中被称为“闭包”。
从技术角度来说，JS的函数都是闭包：函数都是对象，都关联到作用域链，函数内数据都被保存在函数作用域内。
以上就是小编今天为大家分享的关于Web前端学习之JavaScript基础知识汇总的文章，希望本篇文章对想要学习web前端知识的小伙伴们有所帮，想要了解更多web前端知识记得关注北大青鸟web培训官网。
Web前端工程师要掌握的JavaScript代码片段(一)
今天小编要跟大家分享的文章是关于Web前端工程师要掌握的JavaScript代码片段(一)。正在从事web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。
1、Anagramsofstring(带有重复项)
使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map()将字母与每部分字谜组合，然后使用reduce()将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。
constanagrams=str={
if(str.length[str];
returnstr.split('').reduce((acc,letter,i)=
acc.concat(anagrams(str.slice(0,i)+str.slice(i+1)).map(val=
letter+val)),[]);
};
//anagrams('abc')-['abc','acb','bac','bca','cab','cba']
2、数组平均数
使用reduce()将每个值添加到累加器，初始值为0，总和除以数组长度。
constaverage=arr=arr.reduce((acc,val)=acc+val,0)/
arr.length;
//average([1,2,3])-2
3、大写每个单词的首字母
使用replace()匹配每个单词的第一个字符，并使用toUpperCase()来将其大写。
constcapitalizeEveryWord=str=str.replace(/\b[a-z]/g,char=
char.toUpperCase());
//capitalizeEveryWord('helloworld!')-'HelloWorld!'
4、首字母大写
使用slice(0,1)和toUpperCase()大写第一个字母，slice(1)获取字符串的其余部分。省略lowerRest参数以保持字符串的其余部分不变，或将其设置为true以转换为小写。(注意：这和上一个示例不是同一件事情)
constcapitalize=(str,lowerRest=false)=
str.slice(0,1).toUpperCase()+(lowerRest?str.slice(1).toLowerCase():
str.slice(1));
//capitalize('myName',true)-'Myname'
5、检查回文
将字符串转换为toLowerCase()，并使用replace()从中删除非字母的字符。然后，将其转换为tolowerCase()，将('')拆分为单独字符，reverse()，join('')，与原始的非反转字符串进行比较，然后将其转换为tolowerCase()。
constpalindrome=str={
consts=str.toLowerCase().replace(/[\W_]/g,'');
returns===s.split('').reverse().join('');
}
//palindrome('tacocat')-true
6、计数数组中值的出现次数
每次遇到数组中的特定值时，使用reduce()来递增计数器。
constcountOccurrences=(arr,value)=arr.reduce((a,v)=v===
value?a+1:a+0,0);
//countOccurrences([1,1,2,1,2,3],1)-3
7、当前URL
使用window.location.href来获取当前URL。
constcurrentUrl=_=window.location.href;
//currentUrl()-''
8、Curry
使用递归。如果提供的参数(args)数量足够，则调用传递函数f，否则返回一个curried函数f。
constcurry=(fn,arity=fn.length,...args)=
arity
?fn(...args)
:curry.bind(null,fn,arity,...args);
//curry(Math.pow)(2)(10)-1024
//curry(Math.min,3)(10)(50)(2)-2
9、Deepflattenarray
使用递归，使用reduce()来获取所有不是数组的元素，flatten每个元素都是数组。
constdeepFlatten=arr=
arr.reduce((a,v)=a.concat(Array.isArray(v)?deepFlatten(v):v),
[]);
//deepFlatten([1,[2],[[3],4],5])-[1,2,3,4,5]
10、数组之间的区别
从b创建一个Set，然后在a上使用Array.filter()，只保留b中不包含的值。
constdifference=(a,b)={consts=newSet(b);returna.filter(x
=!s.has(x));};
//difference([1,2,3],[1,2])-[3]
11、两点之间的距离
使用Math.hypot()计算两点之间的欧几里德距离。
constdistance=(x0,y0,x1,y1)=Math.hypot(x1-x0,y1-y0);
//distance(1,1,2,3)-2.23606797749979
12、可以按数字整除
使用模运算符(%)来检查余数是否等于0。
constisDivisible=(dividend,divisor)=dividend%divisor===0;
//isDivisible(6,3)-true
13、转义正则表达式
使用replace()来转义特殊字符。
constescapeRegExp=str=str.replace(/[.*+?^${}()|[\]\\]/g,
'\\$');
//escapeRegExp('(test)')-\\(test\\)
14、偶数或奇数
使用Math.abs()将逻辑扩展为负数，使用模(%)运算符进行检查。如果数字是偶数，则返回true;如果数字是奇数，则返回false。
constisEven=num=num%2===0;
//isEven(3)-false
15、阶乘
使用递归。如果n小于或等于1，则返回1。否则返回n和n-1的阶乘的乘积。
constfactorial=n=n
//factorial(6)-720
16、斐波那契数组生成器
创建一个特定长度的空数组，初始化前两个值(0和1)。使用Array.reduce()向数组中添加值，后面的一个数等于前面两个数相加之和(前两个除外)。
constfibonacci=n=
Array(n).fill(0).reduce((acc,val,i)=acc.concat(i1?acc[i-
1]+acc[i-2]:i),[]);
//fibonacci(5)-[0,1,1,2,3]
17、过滤数组中的非唯一值
将Array.filter()用于仅包含唯一值的数组。
constfilterNonUnique=arr=arr.filter(i=arr.indexOf(i)===
arr.lastIndexOf(i));
//filterNonUnique([1,2,2,3,4,4,5])-[1,3,5]
18、Flatten数组
使用reduce()来获取数组中的所有元素，并使用concat()来使它们flatten。
constflatten=arr=arr.reduce((a,v)=a.concat(v),[]);
//flatten([1,[2],3,4])-[1,2,3,4]
19、从数组中获取最大值
使用Math.max()与spread运算符(...)结合得到数组中的最大值。
constarrayMax=arr=Math.max(...arr);
//arrayMax([10,1,5])-10
20、从数组中获取最小值
使用Math.min()与spread运算符(...)结合得到数组中的最小值。
constarrayMin=arr=Math.min(...arr);
//arrayMin([10,1,5])-1
21、获取滚动位置
如果已定义，请使用pageXOffset和pageYOffset，否则使用scrollLeft和scrollTop，可以省略el来使用window的默认值。
constgetScrollPos=(el=window)=
({x:(el.pageXOffset!==undefined)?el.pageXOffset:el.scrollLeft,
y:(el.pageYOffset!==undefined)?el.pageYOffset:el.scrollTop});
//getScrollPos()-{x:0,y:200}
22、最大公约数(GCD)
使用递归。基本情况是当y等于0时。在这种情况下，返回x。否则，返回y的GCD和x/y的其余部分。
constgcd=(x,y)=!y?x:gcd(y,x%y);
//gcd(8,36)-4
23、Headoflist
返回ARR[0]
consthead=arr=arr[0];
//head([1,2,3])-1
24、list初始化
返回arr.slice(0，-1)
constinitial=arr=arr.slice(0,-1);
//initial([1,2,3])-[1,2]
以上就是小编今天为大家分享的关于Web前端工程师要掌握的JavaScript代码片段(一)的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端相关知识和想要了解后面的代码片段的小伙伴，记得关注北大青鸟web培训官网。