首页 javascript 正文

我要投稿

javascript常用事件-JavaScript 常用方式摘要

bendan520 javascript

2023-08-21 0 3,525 百度已收录

立即下单

进入商城

进不了网站？换个网络试试！

本文主要介绍 JavaScript 常用方法的总结，对于您搜索和发现的问题还是有很好的参考价值的，希望编程之家小编编译的这个内容对大家有所帮助。如果有错误或没有完全考虑的事情，不要犹豫，启发。

1. JavaScript：编写 HTML 输出

代码如下：

document.write（“This is a heading”）; document.write（”

这是一个段落

“）;

2）JavaScript：对风暴做出反应

代码如下：

点击这里

3. JavaScript：更改 HTML 内容

代码如下：

x=document.getElementById（“demo”） //Find element x.innerHTML=“Hello JavaScript”;更改内容

4） JavaScript：更改 HTML 图像

代码如下：

element=document.getElementById（'myimage'）element.src=“.. /i/eg_bulboff.gif”;

5. 更改 HTML 样式

代码如下：

x=document.getElementById（“demo”） //Find element x.style.color=“#ff0000”;更改样式

6） JavaScript 区分大小写。

JavaScript 区分大小写。编译 JavaScript 语句时，请注意关闭大小写切换键。函数 getElementById 与 getElementbyID 不同。同样javascript常用事件，变量 myVariable 与 MyVariable 不同。

7. 提示：一个好的编程习惯是在代码的开头声明所需的变量。

8、值=未定义

在计算机程序中，通常声明没有值的变量。未使用值声明的变量实际上是未定义的。执行以下句子后，变量 carname 的值将未定义：var carname;

9. 创建 JavaScript 对象此示例创建一个名为“person”的对象，并向其添加四个属性：

代码如下：人=新对象（）; 人.名字=“比尔”; 人姓=“盖茨”; 人.

年龄=56; 人.眼睛颜色=“蓝色”;

10. JavaScript表单验证

这“必填（或必填）

字段”下面的函数用于检测用户是否已在表单中填写了必填（或必填）项。如果必填字段或必填字段为空，会弹出一个警告框javascript常用事件，函数的返回值为 false，否则函数的返回值为 true（表示数据没有问题）：

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}

function validateform(thisform)
{
with (thisform)
{
if (validaterequired(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}

Email:

这就是本文的全部内容，希望您喜欢

常见提示

6. 查找给定位置的字符或其字符编码值

要查找给定位置的字符，可以使用以下函数：

var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charAt(8);// "o",同样从0开始

同样，它的同级功能之一是在对应位置查找字符编码值，例如：

var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charCodeAt(8); //111

7. 字符串连接

字符串连接可以像使用乘法运算符一样简单，例如：

var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"

同样，JavaScript 带有相关功能，例如：

var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"

concat（）函数可以有多个参数、传递多个字符串和连接多个字符串。

8. 琴弦切割和提取

有三种方法可以从字符串中提取和剪切，例如：

首先，使用 slice（）：

var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.slice(1,5);//",lov"

其次，使用子字符串（）：

var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substring(1,5); //",lov"

第三，使用 substr（）：

var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substr(1,5); //",love"

与第一个和第二个不同，substr（）第二个参数表示截获字符串的最大粗细，如上面的结果所示。

9. 字符串大小写转换

常用的小写或大写字符串函数的转换如下：

var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"

10. 字符串匹配

字符串匹配可能需要一些正则表达式的知识，所以让我们看一下 match（）函数：

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.match(pattern);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me

如您所见，match（）函数是在字符串上调用的javascript字符串函数，但接受常规参数。让我们看一下第二个反例，使用 exec（）函数：

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = pattern .exec(myStr);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me

很简单，只需交换正则表达式和字符串javascript字符串函数，即在常规上调用exec（）函数来传递字符串的参数。对于前两种方法，匹配的结果是返回成功匹配的第一个字符串和 null。如果匹配失败

让我们看一个类似的 search（）方法，例如：

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.search(pattern);//2

仅返回找到的匹配

项的下标，如果匹配失败，则返回 -1

11. 字符串比较比较

两个字符串，比较的规则是按照字母顺序比较，比如：

var myStr = "chicken";
var myStrTwo = "egg";
var first = myStr.localeCompare(myStrTwo); // -1
first = myStr.localeCompare("chicken");// 0
first = myStr.localeCompare("apple");// 1

12. 示例

最后，我们来看看一个后端面试题，去哪里上网，相信很多孩子都做过这个问题。标题：编写get后缀函数获取输入参数的后缀名称，如输入abcd.txt，返回txt。附上我的回答：

function getSuffix(file){
      returnfile.slice(file.lastIndexOf(".") + 1,file.length); 
}

结束语

我相信 JavaScript 中字符串操作的函数应该不止这些，其中列出的函数应该非常常用。如果有什么需要补充的，欢迎补充！希望大家看完之后，能很平静地面对串面试笔试题。

JavaScript 结构示例


///用户数据结构
function _tagUser()
{
 this.UserId = 0; //0-4
 this.UserName = ""; //5-
 this.Parse = function(VarTypeUser)
 {
  for (var i=0;i<VarTypeUser.length;i++)
   VarTypeUser[i] = String.fromCharCode(VarTypeUser.charCodeAt(i)^0xFFFF);
  this.UserId = VarTypeUser.substr(0,4); //0-4
  this.UserName = VarTypeUser.substr(5); //4--
 }
 this.ToString = function()
 {
  var str = this.UserId.toString();
  while (str.length<5)
  {
   str += "u0000";
  }
  str += this.UserName;
  for (var i=0;i<str.length;i++)
  {
   str[i] = String.fromCharCode(str.charCodeAt(i)^0xFFFF);
  }
  return str;
 }
}
//结构体的应用
var User1 = new _tagUser();
User1.UserId = "54321";
User1.UserName = "zilin";
//假如这里通过了网络传输并想把数据解释到User2中，memcpy功能
var User2 = new _tagUser();
User2.Parse(User1.ToString());
alert("User2.UserIdt= "+User2.UserId +"rnUser2.UserNamet= "+User2.UserName);

收藏 (0) 打赏

感谢您的支持，我会继续努力的!