レスポンシブでのJS切り替えの汎用的な方法

レスポンシブサイト制作で、JSの切り替え方法を調べているのですが、汎用的な方法がないものか悩んでおります。

以下のブログにて同様のお悩みを抱えている記事がありました。
http://amimimi.hatenablog.com/entry/2013/10/13/004642

サイト読み込み時はユーザーエージェントや読み込み時の横幅でjsを切り替え、さらにブラウザをリサイズした時もjsが切り替えられるような良い方法があればアドバイスいただければ幸いです。よろしくお願いいたします。

追記
resize時に挙動を切り替える様な汎用的なコードがあればご教示いただけますと助かります！
例：
pcサイズで見た時はスライダーを実行しないで
スマホサイズで見た時はスライダーを実行する

みたいな時のコードの書き方をアドバイスいただきたく思います！

行動規範の内容に同意します

回答2件

ベストアンサー

resize 時に js ファイルを切り替えることは出来ません。
a.js を読み込んでいるところに新しく、b.js を読み込むことは出来ますが、既に読み込んである <script src="a.js"> を削除しても、a.js が変更したDOMまで解除されるわけではありません。
開発者ツールで DOM ツリーを見るなどして DOM の基本的な仕組みを把握すると良いと思います。

通常はどのようなウインドウサイズでもある程度は上手く機能するようにしますが、必要であれば resize 時に機能が切り替わるようにコードを組んで下さい。
デザイン上の問題ならメディアクエリを使って下さい。

JavaScript
1addEventListener('resize', function (event) {
2  var win = event.target,
3      width = win.innerWidth;
4
5  if (width > 1024) {
6    console.log('SXGA');
7  } else {
8    console.log('XGA');
9  }
10}, false);