JavaScript使用精萃

最新推荐文章于 2024-08-01 21:36:51 发布
最新推荐文章于 2024-08-01 21:36:51 发布
阅读量602 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript textbox parameters button url 文档

（一）确认删除用法

1、BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')");

2、linktempDelete.Attributes["onclick"]="javascript:return  confirm('"+"确认删除?"+"');";

3、private void grdProject_ItemDataBound(object sender, DataGridItemEventArgs e);

4、
{
   if ((e.Item.ItemType == ListItemType.Item) | (e.Item.ItemType == ListItemType.AlternatingItem))
   {
      // 刪除按鈕上的提示部分
     e.Item.Cells[10].Attributes.Add("onclick", "return confirm('确定删除吗？');");
   }  
}

5、
<script language="JavaScript" type="text/JavaScript">
   function delete_y(e){
      if(event.srcElement.outerText == "删除")
         event.returnValue=confirm("确定删除?");
   }
   document.οnclick=delete_y;
</script> 

（二）跨语言字符串替换

System.Text.RegularExpressions.Regex.Replace(str1,@"<{1}[^<>]*>{1}","").Replace("&nbsp;","").Replace("&#092;","//").Replace("&#045;","-").Replace("&amp;","&").Replace("&lt;","<").Replace("&gt;",">").Replace("br","/n");

（三）关闭窗体

1、
this.btnClose.Attributes.Add("onclick",  "window.close();return false;");

2、关闭本窗体间跳转到另一个页面
this.HyperLink1.NavigateUrl = "javascript:οnclick=window.opener.location.assign('" + "index.aspx"+ "?&Func=Edit&AutoID=" + intAutoid + ');window.close();"; 

3、关闭父窗体
<INPUT type="reset" value='<%=this._Cancel%>' οnclick="window.parent.close()"  Class="Button">

4、关闭本弹出窗体，并刷新父页面
this.Response.Write("<script language='javascript'>window.opener.location.reload();window.close();</script>");

（四）Web MessageBox（提示框）

1、Response.Write("<script language=javascript> window.alert('保存成功1');</script>");

2、Response.Write("<script>alert('"+"保存成功!"+"');</script>");

3、this.Page.RegisterStartupScript("ChiName","<script language='javascript'>alert('" + "保存成功!" + "')</script>");

（五）window.open() 方法（打开新窗口）

语法：window.open(pageurl,name,parameters);

window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数：pageurl指定。系统能够根据参数：name确定的名称访问该窗口。

下表为parameters参数表：

参数初始值说明
alwaysLoweredyes/no指定窗口隐藏在所有窗口之下。
alwaysRaisedyes/no指定窗口浮在所有窗口之上。
dependentyes/no指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。
directionsyes/no指定Navigator 2和3的目录栏是否在新窗口中可见。
heightpixel value设定新窗口的像素高度。
hotkeysyes/no在没有菜单栏的新窗口设置安全退出热键。
innerHeightpixel value设置新窗口中文档的像素高度。
innerWidthpixel value设置新窗口中文档的像素宽度。
locationyes/no指明位置栏在新窗口中是否可见。
menubaryes/no指明菜单栏在新窗口中是否可见。
outerHeightpixel value 设定窗口（包括装饰边框）的像素高度。
outerWidthpixel value设定窗口（包括装饰边框）的像素宽度。
resizableyes/no 指明新窗口是否可以调整。
screenXpixel value设定新窗口离屏幕边界的像素长度。
screenYpixel value 设定新窗口离屏幕上边界的像素长度。
scrollbarsyes/no指明滚动栏在新窗口中是否可见。
titlebaryes/no指明菜单题目栏在新窗口是否可见。
toolbaryes/no指明工具栏在新窗口中是否可见。
Widthpixel value设定窗口的像素宽度。
z-lookyes/no在文档中包含各个<pplet>标签的数组。
fullscreenyes/no打开的窗体是否进行全屏显示。
leftpixel value 设定新窗口距屏幕左方的距离。
toppixel value 设定新窗口距屏幕上方的距离

例子：

<html>
<head>
   <title>window.open函数</title>
</head>
<body>
<script language="javascript">
   <!--
   window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");
   //-->
</script>
</body>
</html>

（六）location对象
    
    href 整个URL字符串。
    protocol 含有URL第一部分的字符串。如http:
    host 包含有URL中主机名:端口号部分的字符串。如//www.cenpok.net/server/
    hostname 包含URL中主机名的字符串。如http://www.cenpok.net
    port 包含URL中可能存在的端口号字符串。
    pathname URL中"/"以后的部分。如~list/index.htm
    hash "#"号(CGI参数)之后的字符串。 
    search "?"号(CGI参数)之后的字符串。

（七）按键捕捉

1、Ctrl+Enter按键捕捉方法
    <body οnkeydοwn="doKeyDown()">
    <script language="JavaScript">
    <!--
    function doKeyDown()
     {
        if (event.ctrlKey && event.keyCode == 13)
         {
           alert("You pressed the Ctrl + Enter")
         }
     }
    //-->
    </script>
    </body>

2、Alt加快捷键： Alt+A
     <button accessKey=A title="Alt+A" οnclick="alert('Button clicked!')">Alt+A</button>

（八）控制输入，非法字符不能输入到TextBox

    <asp:textbox class="Text"
        οnkeypress="if (event.keyCode < 48 || event.keyCode >57) event.returnValue = false;"
 id="txtY_Revenue" style="TEXT-ALIGN: right" runat="server" Width="90%" MaxLength="12">
    </asp:textbox>

说明： 此方法控制TextBox只收数字：0~9 , 也自可以定义其它可输入字符,如改成: 65~123,只允许输入: a~z和A~Z 等.

jinshi_cn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript使用技巧精萃
08-26 58
1.4屏蔽浏览器右上角“最小化”“最大化”“关闭”键 <script language=javascript> function window.onbeforeunload() { if(event.clientX>document.body.clientWidth&&event.clientY <0||event.altKey) { windo...
javascript语言精萃
syf19720428的博客
05-19 268
概述 世界上最流行的脚本语言 兼容性强 为html增强交互 语法简单 javascript的实现 必须置于之间 中的js函数 中的js函数 外部js文件 javascript的输出 js操作html元素（element） <!DOCTYPE html> <html> <body><h1>My First Web Page</h1><p id="demo">My First Paragraph<
JavaScript使用技巧精萃[代码非常实用]
10-30
以下是一些JavaScript的使用技巧精萃，这些技巧可以帮助开发者更高效地编写代码。 (一) 确认删除用法： 在JavaScript中，通常使用`confirm()`函数来实现用户在执行删除操作前的确认对话框。例如，可以通过为删除...
JavaScript 使用技巧精萃(.net html
10-30
下面是一些编程语言中，经常需要用到js验证的一些代码加入方法大家可以参考下。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 843
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
VUE3自定义指令防止重复点击多次提交
MadSnail00的博客
07-30 262
vue3连续点击按钮重复提交，vue3自定义指令防止重复提交
Vue3中的pinia的使用及组合写法与普通写法的区别
m0_62626838的博客
07-30 183
1、首先pinia可以自己后面按需安装，也可在项目创建时去勾选安装（这里我使用的是项目创建时自动安装的，吃了点亏，忘记这里是组合写法了）按照这个写法是不需要添加pinia核心（state、actions、getters），但需要return！store文件夹中的counter.ts （名字任起）在组件中直接使用即可，如下图。2、自定义安装pinia。3、在组件中使用，如下图。
RN高级interview
流星雨的博客
07-31 394
RN高级interview
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 2144
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
linux命令行下使用的浏览器
没刮胡子的程序员专栏
08-01 28
从命令行浏览网页的原因有很多。 命令行工具通常具有丰富的选项和参数，可以根据用户的需求进行调整和配置。这种灵活性使得命令行在自动化和脚本编写方面非常有用。 对于系统管理员来说，命令行是管理和配置服务器的首选方式。通过命令行，管理员可以快速执行各种任务，例如安装软件包、配置网络、管理用户和权限等。与图形界面相比，命令行通常更高效，特别是在处理大量的重复性任务时。 使用Linux命令行浏览器可以提高工作效率，降低系统资源消耗，提高系统的稳定性。
easyui 点击单元格的时候，获取该行另外一个字段的值
极客栈
07-29 392
通过绑定 DataGrid 的 ​​ 事件，可以轻松地在单击单元格时获取该行的其他字段值。这个方法适用于各种场景，比如在用户点击某个单元格时显示额外的信息、执行特定的操作等。希望这个示例能帮助你更好地理解和应用 EasyUI DataGrid 的事件处理。
angular入门基础教程(四）动态属性与事件
峰会路转的博客
07-29 180
状态的变化导致属性值的变化，这个时候我们就需要用到动态属性，ng中的动态属性用[]包裹即可。
新手vue学习问题汇总（自用）（长期更新）
lapiii的博客
07-28 382
是 ES6 模块语法，用于导出模块的默认成员。在 Vue.js 中，通常用来导出一个组件对象，使其可以在其他文件中被导入并使用。
easyadmin layui js监听返回结果，进行token验证防止连点
weixin_43652106的博客
07-29 260
easyadmin layui js监听返回结果，进行token验证防止连点
vue3学习day01-vue3的优势、新的脚手架工具create-vue、创建vue3项目、vue3的项目文件内容、插件变化
2301_76648183的博客
07-31 357
（4）index.html 单页入口，提供id为app的挂载点。
Pinia和vueX的区别是什么，刷新数据丢失怎么处理？
最新发布
ggq53219的博客
08-01 348
Pinia和Vuex都是Vue.js生态系统中的状态管理库，它们在设计理念、使用方式、性能以及生态系统支持等方面存在一些差异。以下是对Pinia和Vuex主要区别的详细分析，以及处理数据刷新丢失问题的建议。
Vue实现当前页面刷新的方法总结
m0_62626838的博客
07-29 179
当组件的 key 属性发生改变时，Vue 会视为这是一个新的组件，而不是复用之前的组件。这样就会触发组件的重新渲染，从而实现页面的刷新。1、使用 location.reload() 方法进行页面刷新，这个方法会重新加载当前页面，类似于用户点击浏览器的刷新按钮。（不推荐，会有瞬间空白闪动）4、至于该方法调用的时机在你需要的时候去调用即可，针对大屏可视化页面卡死问题可考虑写到websocket的onmessage方法里面。3、在组件中，通过设置组件的 key 属性来触发组件的重新渲染，从而实现页面的刷新。
JavaScript基础知识与使用详解
"JavaScript基础知识和使用方法" JavaScript是一种广泛应用于客户端Web开发的脚本语言，主要与HTML、PHP、JSP、ASP等技术配合使用，用于实现动态网页效果和交互功能。JavaScript不是一种服务器端编码语言，而是运行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值