前端开发之常用方法

在进行前端开发中,经常会使用一些常用的方法来解决问题,汇总在此。

一  表单相关

  1)获取下拉框的值

$(‘#名称‘).val();   //直接定位元素,获取值即可

  2)获取单选框/复选框的值

$(‘元素 :checked‘).val();  //定位元素并且是被选中的,获取其值即可

  3)文本框

resize:none;  //禁止文本框被拖拽

  

二    js初始化加载

  1)在body里面写初始化方法

<body onload=‘init()‘>
</body>

<script type="text/javascript">
    function init(){
         // 初始化内容
    }
</script>

  

    其他

  1)获取当前访问的地址的域名

function getUrl(){
		var domain = ‘‘;
		url = location.href;
		offset = url.indexOf(‘?‘);
		if(offset >= 0){
			domain = url.substring(0,offset);
		}else{
			domain = url;
		}
		return domain;
}

  

原文地址:https://www.cnblogs.com/xingxia/p/js_methods.html

时间: 2024-10-13 23:11:27

前端开发之常用方法的相关文章

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

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

麦子学院-Web前端开发工程师系列培训教程

HTML+CSS基础入门1.课程介绍2.html的语法3.html的基本结构4.html的文档设置标记上(格式标记)5.html的文档设置标记下(文本标记)6.html图像标记img7.html超链接的使用8.html表格相关的标记9.html表格实战<简单的网页布局>10.html框架详解与框架布局实战11.HTML表单设计(上)12.HTML表单设计(下)13.使用CSS样式的方式14.定义CSS样式(CSS选择器)15.CSS常用属性(颜色属性)16.css常用属性(字体相关属性)17.

极客学院Web前端开发技术实战视频教程 初级入门+高级实战++专家课程+面试指导

===============课程目录=============== ├<初级中级>│  ├<1. HTML5开发前准备>│  │  ├1.HTML5开发前准备.mp4│  │  └2.开发前的准备-快捷键.mp4│  ├<10. React.js>│  │  ├React.js简介.txt│  │  ├<1.React 概述>│  │  │  ├React 开发环境搭建.mp4│  │  │  ├编写第一个 React 程序.mp4│  │  │  └什么

学习哪些技能才能胜任前端开发岗位?

当前IT的发展,已经成为我国的重大产业之一,很多的企业为了争夺优秀的专业人才,不惜给出丰厚的薪资待遇.据知名部门统计,每年IT行业的人才缺口可达到数百万,尤其是前端软件人才的缺口.而我国信息化人才培养还处于发展阶段,导致社会实际需求人才基数远远大于信息化人才的培养基数,使得数以万计的中小企业急需全面系统掌握前端开发基础技能与知识的软件工程师.很多人由于大学误入了大坑专业,毕业后面临重新转行择业的问题.选择学习前端的人不在少数,原因嘛:入门学习的难度可以克服,就业市场广泛,且薪资较高.对于前端学习

前端开发学习路线_零基础如何学web前端_从小白到大神进阶

下面给大家讲解一下前端需要掌握哪些技术和学习路线Web前端基础知识:一.前端相关概念建立主要内容:浏览器的概念介绍: 浏览器的作用.工作方式浏览器的概念介绍: 浏览器的作用.工作方式HTTP协议: 协议产生的原因.作用.及内容页面加载流程:当用户打开浏览器,输入地址栏并按下回车之后发生的事情二.HTML-CSS-JS基础-jQuery学习内容:HTML及HTML5:理解浏览器如何解析HTML.基本的语法规则.不同标签的使用方式.嵌套方式CSS:理解层叠式样式表的语法规则.各种盒模型及常用布局CS

前端开发三年后将取代后台java和人工智能等语言?这并非不可能的!

最近一段时间,网上炒的挺火的人工智能,好多人可能认为人工智能发展肯能在未来会比较好,这个肯定是的,但到底适不适合大家都去学呢,这个人工智能不是一般人能学的,门槛很高,通常是研究生以上学历来去学的.在说说前端,入门比较简单,零基础就可以学习,适合大部分人,现在也是大前端时代,前后端通吃,又可以做前端又可以做后端,再说现在企业这么多都需要做网站,前端可能是以后未来发展比较好的一个行业. 前端学习路线图: Web前端知识总的可以分为三个部分:初级知识,中级js,高级框架一,初级的主要内容:浏览器的概念

拿到十份互联网公司Offer,他是怎样学好web前端开发的?

Web前端工程师是近几年的新兴职业,也是目前火爆而且高薪的职业.不同的公司也有不同的叫法,比如:网页界面开发,网站设计等,要学好web前端开发,需要掌握什么方法与技巧? 一.Div和Table 这个是最简单的,也是最基础的.要熟练掌握div.form table.ul li .p.span.font这些标签,这些都是最常用的,特别是div和table,div用于布局.table也可以用于布局,但是不灵活,基本 table是用来和数据打交道. 二.CSS 这里说的css不包括css3,一般我们看到

7招提升你的前端开发效率

7招提升你的前端开发效率 前言 前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. 对于开发效率,我个人理解是 开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率 那么如何提高前端开发效率便可以按照前端工程化的理念来进行划分.下面我就介绍下7个提高前端开发效率的方法. 前端工程化 方法 1.切图 切图是一个前端最基础的技能,一般我们使用

前端开发笔记(2)css基础(上)

CSS介绍 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力. <style type="text/css"> span{ color:red;