JS實現點擊下載的小例子

複製代碼 代碼如下:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <a   href="a.txt"   id=pic1   onclick="savepic();return false;"   style="cursor:hand">點擊下載</a>   

javascript基礎之尋找元素的詳細介紹(訪問節點)

當然這些選取器都是jQuery擴充的一些方法,那麼使用原生js時要怎樣來尋找元素呢?今天就來簡單梳理下。DOM定義了多種尋找元素的方法,除了我們常用的getElementById(),還有getElementsByTagName()和getElementsByName()。使用這幾種方法方法我們可以尋找html文檔中的任意html元素。getElementById()首先來看下getElementById(),這個方法很簡單,只需在參數中傳入html標籤的id屬性值即可,由於html頁面中的id

JavaScript全排列的六種演算法 具體實現

全排列是一種時間複雜度為:O(n!)的演算法,前兩天給學生講課,無意間想到這個問題,回來總結了一下,可以由7種演算法求解,其中動態迴圈類似回溯演算法,實現起來比較繁瑣,故總結了6種,以饗讀者。所有演算法均使用JavaScript編寫,可直接運行。演算法一:交換(遞迴)複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml">  <head>      <meta

封裝html的select標籤的js操作執行個體

複製代碼 代碼如下: function BindSelect(id,dataList,fieldtext,fieldValue) { //綁定某一個資料來源,fieldtext為需要綁定的文字欄位,fieldValue為需要綁定的value欄位 var select = $("#" + id)[0]; for (var i = 0; i < dataList.length; i++) { select.options.add(new Option(eval("dataList[" + i

js猜數字小遊戲的簡單實現代碼

複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"

原生javascript相容性測試執行個體

1.擷取樣式表裡面的width,border color 之類的css(不是行間) 主要是IE6-7支援currentStyle,標準瀏覽器支援getComputedStyle;執行個體:封裝函數 複製代碼 代碼如下: function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } } 調用:

JavaScript實現QueryString擷取GET參數的方法

複製代碼 代碼如下: <div id="page"> <select name="select1" id="select-type"> <option value="0">請選擇</option> <option value="1">企業</option> <option value="2">產品</option> </select> </div> 複製代碼 代碼如下:

javascript實現文字圖片上下滾動的具體執行個體

複製代碼 代碼如下:<div style="border:#d3d3d3 1px solid;width:100%;">         <div id="demo" style="overflow:hidden;height:160;width:100%;">          <div id="

控制頁面按鈕在後台執行期間不重複提交的JS方法

在ASP.NET中,如果在點了一個按鈕,提交到後台執行期間,再點一次按鈕,會出現兩種情況,一種是執行了兩次後台代碼,另一種是等待前一次的提交動作執行完後再次執行提交動作,無論是哪一種,都是跑了兩遍後台代碼,這是很多情況下不希望出現的。以下代碼在 IE、傲遊極速模式下測試通過。複製代碼 代碼如下:<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"

javascript截取字串(通過substring實現並支援中英文混合)

javascript截取字串(支援中英文混合) 複製代碼 代碼如下: <script type="text/javascript"> var sub=function(str,n){ var r=/[^\x00-\xff]/g; if(str.replace(r,"mm").length<=n){return str;} var m=Math.floor(n/2); for(var i=m;i<str.length;i++){

js操作iframe的一些方法介紹

1. 獲得iframe的window對象存在跨域訪問限制。chrome:iframeElement. contentWindowfirefox: iframeElement.contentWindowie6:iframeElement.contentWindow文章Iframes, onload, and document.domain中說“he iframe element object has a property called contentDocument that contains

js實現的切換面板執行個體代碼

最近小菜鳥看了妙味課堂的js視頻,學習了一點知識,在這裡總結一下,代碼寫的有點臃腫,剛開始學,不知道咋著最佳化,看到的高手可以指點一下,呵呵,再此謝過, 效果大概是在這樣的:  滑鼠划過不同的題目會有不同的圖片和解說,可以串連到不同的網站, 分享一下My Code: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

jQuery之選擇組件的深入解析

1:選擇(Selectable)組件可以讓使用者頁面上的一些元素變成可選擇的,使用者可以通過單擊元素或者拖動的方式來選擇它們,也可以按住Ctrl鍵來選擇不連續的元素$('.selector').selectable(options);但是在jQuery UI庫中的主題包中並未提供ui-selecting和ui-selected類的樣式,因此在使用選擇組件時,還需要自己來建立這些樣式複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jQuery之日期選取器的深入解析

1:預設情況下,日期輸入文字框獲得頁面焦點的時候,日期選取器組件會在一個覆蓋層中開啟日曆選擇面板,當日期輸入文字框失去焦點或者選擇一個日期的時候,將自動關閉該日曆選擇面板$(selector).datepicker([options]);簡單一實例:複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

jquery實現簡單的拖拽效果執行個體相容所有主流瀏覽器

最近發現web網頁的拖拽效果,個人覺得是一種不錯的使用者體驗,抽空研究了一下,原理還蠻簡單的,下面貼一下我寫的一個簡單拖拽jquery自訂函數。 jquery代碼:fun.js 複製代碼 代碼如下: jQuery.fn.myDrag=function(){ _IsMove = 0; _MouseLeft = 0; _MouseTop = 0; return $(this).bind("mousemove",function(e){ if(_IsMove==1){ $(this).offset({

jquery中文亂碼的多種解決方案

1、使用$.ajax出現的中文亂碼的解決方案:複製代碼 代碼如下:var _realname = $("input[name='_searchName']").val();     var termcourseId = '<%=termid%>';     var classId = '<%=classid%>';     var url =

給Flash加一個超連結(推薦使用透明層)相容主流瀏覽器

今天要給星燭網上的一個Flash加一個超連結,原想直接在object外直接套一個超連結即可,試了之後卻發現不是這麼回事,求助百度,問題解決,記錄如下:原因:Flash預設是最高層.所以,我經常會遇見Flash把下拉式功能表擋住的情況,及其它原素覆蓋掉. 解決方案: 第一種:步驟如下 1. 把Flash檔案放到一個層中,設為最底層,FLASH設為透明. 複製代碼 代碼如下: <div class="ad_top" style="text-align:center;">

setTimeout函數相容各主流瀏覽器運行執行效果執行個體

目前這個setTimeout可以很好地相容IE6,7,8,9以及Google瀏覽器Chrome,Firefox瀏覽器FireFox,蘋果瀏覽器Safari,Opera。setTimeout是一個很不錯的函數,網站頁面前端工程師經常將其用於幾秒後執行的動作。setTimeout這個JS內建函數其用法也很簡單,下面是setTimeout()的函數說明以及用法詳解和執行個體、範例程式碼:setTimeout()的作用是指定在多少毫秒後執行一個JS函數或者運算式代碼

JS控制文字框textarea輸入字數限制的方法

複製代碼 代碼如下:<html>     <head>     <title>JS限制Textarea文本域字元個數</title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <SCRIPT

js模仿windows案頭表徵圖排列演算法具體實現(附圖)

註:需要引入Jquery 如果需要全部功能,請引入jquery-ui和jquery-ui.css :  js代碼: 複製代碼 代碼如下: $(function() { //菜單列表 var menu_list=$(".menu-list"); //工作區 var working=$(".working"); working.click(function() { menu_list.hide(); $(".content-menu").hide("slow"); });

總頁數: 3271 1 .... 3135 3136 3137 3138 3139 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.